เมนูและปุ่ม jQuery EasyUI Widget - ปุ่มเชื่อมโยง linkbutton
ปลั๊กอิน jQuery EasyUI โดย $ .fn.linkbutton.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
ปุ่มลิงก์ (linkbutton) ถูกนำมาใช้ในการสร้างปุ่มเชื่อมโยงหลายมิติ มันเป็นปกติ <a> เครื่องหมายตัวแทน มันสามารถแสดงไอคอนและข้อความหรือเพียงแค่แสดงไอคอนและข้อความในหนึ่ง ความกว้างของปุ่มแบบไดนามิกหด / ขยายให้พอดีกับป้ายข้อความ
การใช้
ปุ่มสร้างลิงค์ (linkbutton)
แท็กเพื่อสร้างการเชื่อมโยงจากปุ่ม (linkbutton) ได้ง่ายขึ้น
<a id="btn" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'"> easyui </a>
Programming ปุ่มสร้างลิงค์ (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 = "#" class = "easyui-linkbutton" ข้อมูลตัวเลือก = "iconCls: 'ไอคอนค้นหา'"
onclick = "javascript: แจ้งเตือน ( 'easyui')"> easyui </a>
ใช้ jQuery ผูกไสคลิก
<a id="btn" href="#" 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