# 加载方式 ### Class加载 ``` <a href="#" class="easyui-linkbutton">按钮</a> ``` ### JS调用加载 ``` <a href="#" id="box"></a> <script> $(function(){ $('#box').linkbutton({ // 修改组件的 ID属性 id:'pox', // 设置按钮文字 text:'按钮', // 设置按钮是否禁用 //disabled:true, // 设置切换其状态是否被选中，可实现 checkbox 复选效果 toggle:true, // 设置按钮初始的选择状态 //selected:true, // 相同组名的按钮同属于一个组，可实现 radio单选效果 group:'man', // 设置显示简洁效果(不常用) //plain:true // 显示在按钮文字左侧的图标（16x16）的 CSS 类 ID iconCls:'icon-add', // 按钮图标位置。默认为 left，还有 right iconAlign:'right' }) }); </script> ``` # 属性列表 |属性名 | 值 | 说明| |--- |--- | ---| |id | string | 组件的 ID 属性。默认为 null| |disabled | boolean | 设置 true 则禁止按钮。默认为 false| |toggle | boolean | 设置 true 则允许用户切换其状态是否被选中，可实现 checkbox 复选效果。默认为 false| |selected | boolean | 定义按钮初始的选择状态，true 是被选中，false为未选中。默认为 false| |group | string | 指定相同组名的按钮同属于一个组，可实现 radio单选效果。默认为 null| |plain | boolean | 设置 true 时显示简洁效果。默认为 false| |text | string | 按钮文字。默认为空字符串| |iconCls| string | 显示在按钮文字左侧的图标（16x16）的 CSS 类 ID。默认为 null| |iconAlign | string | 按钮图标位置。默认为 left，还有 right| ## 方法列表 |方法名 | 传参 | 说明| |--- |--- | ---| |options | none | 返回属性对象| |disable | none | 禁止按钮| |enable | none | 启用按钮| |select | none | 选择按钮| |unselect | none | 取消选择按钮| ``` // 返回属性对象 console.log($('#pox').linkbutton('options')); // 禁用按钮 $('#pox').linkbutton('disable'); // 启用按钮 $('#pox').linkbutton('enable'); // 选择按钮 $('#pox').linkbutton('select'); // 取消选择按钮 $('#pox').linkbutton('unselect'); // 可以使用$.fn.linkbutton.defaults 重写默认值对象。 $.fn.linkbutton.defaults.iconCls = 'icon-add'; ```