jQuery EasyUI メニューとボタンプラグイン -Linkbutton リンクボタン
jQuery EasyUI プラグイン
$.fn.linkbutton.defaults を使用してデフォルトの defaults を書き換えます。
リンクボタン(linkbutton)は、ハイパーリンクボタンを作成するために使用されます。これは通常の <a> タグの表現です。アイコンとテキスト、またはアイコンとテキストのいずれか一方のみを表示できます。ボタンの幅は、テキストラベルに合わせて動的に縮小/拡張できます。
使用方法
リンクボタン(linkbutton)の作成
マークアップからリンクボタン(linkbutton)を作成する方が簡単です。
<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
プログラムでリンクボタン(linkbutton)を作成することも可能です。
<a id="btn" href="../index.html">easyui</a>
$('#btn').linkbutton({
iconCls: 'icon-search'
});
リンクボタン(linkbutton)のクリックを処理します。
リンクボタン(linkbutton)のクリックにより、ユーザーは他のページに移動します。
<a href="otherpage.php.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
次の例では、メッセージを警告します。
<a href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
onclick="javascript:alert('easyui')">easyui</a>
jQuery を使用して click ハンドラーをバインドします。
<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>
$(function(){
$('#btn').bind('click', function(){
alert('easyui');
});
});
プロパティ
| 名前 | タイプ | 説明 | デフォルト値 |
|---|---|---|---|
| id | string | このコンポーネントの id プロパティ。 | null |
| disabled | boolean | true に設定すると、ボタンが無効になります。 | false |
| toggle | boolean | true に設定すると、ユーザーがボタンの選択状態を切り替えられるようになります。このプロパティはバージョン 1.3.3 以降で使用できます。 | false |
| selected | boolean | ボタンの状態が選択されているかどうかを定義します。このプロパティはバージョン 1.3.3 以降で使用できます。 | false |
| group | string | ボタンが属するグループ名を示します。このプロパティはバージョン 1.3.3 以降で使用できます。 | null |
| plain | boolean | true に設定すると、シンプルな効果が表示されます。 | false |
| text | string | ボタンのテキスト。 | '' |
| iconCls | string | 左側に 16x16 アイコンを表示する CSS クラス。 | null |
| iconAlign | string | ボタンアイコンの位置。可能な値:'left'、'right'。このプロパティはバージョン 1.3.2 以降で使用できます。 | left |
メソッド
| 名前 | パラメータ | 説明 |
|---|---|---|
| options | none | オプション(options)プロパティを返します。 |
| disable | none | ボタンを無効にします。 コード例:
$('#btn').linkbutton('disable');
|
| enable | none | ボタンを有効にします。 コード例:
$('#btn').linkbutton('enable');
|
| select | none | ボタンを選択します。このメソッドはバージョン 1.3.3 以降で使用できます。 |
| unselect | none | ボタンの選択を解除します。このメソッドはバージョン 1.3.3 以降で使用できます。 |
jQuery EasyUI プラグイン その他の拡張機能