jQuery EasyUI メニューとボタンプラグイン -Linkbutton リンクボタン


jQuery EasyUI 插件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 插件jQuery EasyUI プラグイン その他の拡張機能