jQueryのEasyUIメニューとボタンウィジェット - のLinkButtonリンクボタン
$ .fn.linkbutton.defaultsして、デフォルトのデフォルトを上書きします。
リンクボタン(LinkButtonコントロール)は、ハイパーリンクボタンを作成するために使用されます。 これは、通常の<a>表現マーカーです。 これは、アイコンとテキストを表示、または単に1にアイコンとテキストを表示することができます。 ボタンの幅動的にテキストラベルに合わせて拡大/縮小します。
使用法
リンクボタン(LinkButtonコントロール)を作成します
ボタン(LinkButtonコントロール)簡単にからのリンクを作成するためのタグ。
<a href="#" id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyuiします</a>
リンクボタン(LinkButtonコントロール)を作成プログラミングも許可されています。
<a id="btn" href="#"> easyuiします</a> $( '#BTN')。LinkButtonコントロール({ iconCls:「アイコン検索」 });
リンクボタン処理(LinkButtonコントロール)をクリックします。
ユーザーは他のページへのガイドにリンクボタン(LinkButtonコントロール)をクリックします。
<a href="otherpage.php" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyuiします</a>
次の例では、警告メッセージが表示されます。
<a href = "#"クラス= "easyui-のLinkButton「データ・オプション=" iconCls:「アイコン検索」」 onclickの= "javascriptの:警告( 'easyui')"> easyuiします</a>
jQueryのバインドをクリックハンドラを使用してください。
<a href="#" id="btn" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyuiします</a>
$(関数(){ $( '#BTN')。バインド(「クリック」、関数(){ アラート( '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 class。 | null |
iconAlign | string | 按钮图标的位置。可能的值:'left'、'right'。该属性自版本 1.3.2 起可用。 | left |
ウェイ
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)属性(property)。 |
disable | none | 禁用按钮。 代码实例: $('#btn').linkbutton('disable'); |
enable | none | 启用按钮。 代码实例: $('#btn').linkbutton('enable'); |
select | none | 选中按钮。该方法自版本 1.3.3 起可用。 |
unselect | none | 未选中按钮。该方法自版本 1.3.3 起可用。 |
jQueryのEasyUIプラグイン