jQueryのEasyUIのメニューやボタン - リンクボタンを作成します。
通常の状況下では、ボタンを作成するには、<ボタン>要素の使用は、ボタンやリンク(リンクボタン)を作成する<a>要素を使用することです。 これは、実際の<a>要素ボタンのスタイルとして表示されるリンクボタン(リンクボタン)です。
リンクボタン(リンクボタン)を作成するには、あなたがする必要があるすべての要素を<a>にクラス属性」easyui-LinkButtonコントロール」と呼ばれるファイルを追加するだけです。
<DIVのスタイル= "パディング:5pxの;背景:#fafafa;幅:500pxなど;国境:1pxの固体#CCC"> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel"> </a>をキャンセル <a href="#" class="easyui-linkbutton" iconCls="icon-reload">更新します</a> <a href="#" class="easyui-linkbutton" iconCls="icon-search">クエリします</a> <a href="#" class="easyui-linkbutton">テキストボタンします</a> <a href="#" class="easyui-linkbutton" iconCls="icon-print">印刷します</a> </ DIV> <DIVのスタイル= "パディング:5pxの;背景:#fafafa;幅:500pxなど;国境:1pxの固体#CCC"> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-cancel"> </a>をキャンセル <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-reload">更新します</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-search">クエリします</a> <a href="#" class="easyui-linkbutton" plain="true">テキストボタンします</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-print">印刷します</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help">します</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-save">します</a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back">します</a> </ DIV>
あなたが見ることができるように、iconClsプロパティはCSSクラススタイルのアイコンである、それは、ボタン上のアイコン画像が表示されます。
時には、あなたがリンクボタン(リンクボタン)を無効にしたり、それを有効にする必要があり、次のコードは、リンクボタン(リンクボタン)を無効にする方法を示します。
$(セレクター)( '無効').linkbutton; // '無効'メソッドを呼び出します