一、//class加载方式
<div id="pos" class="easyui-linkbutton">按钮</div>
二、js加载方式
<a id="pos" href="#">按钮</a>
<a id="bob" href="#">按钮一</a>
$("#pos").linkbutton({
//属性
id:"non", //改变id
text:"按钮1", // 按钮文字,默认为空字符串 值为string
toggle:true, //true 允许用户切换其状态是否被选中,可实现 checkbox 复选效果。默认为 false
disabled:false , //设置为 true 则禁用调整,默认为 false
selected:false, //定义按钮初始的选择状态,true是被选中,false为未选中。默认为 false
group:'sex',// *在a标签下起作用,指定相同组名的按钮同属于一个组,可实现radio单选效果,默认为 null,值为string
plain:true, //设置 true 时显示简洁效果。默认为 false
iconCls:'icon-filter',//显示在按钮文字左侧的图标(16x16)的CSS类ID,默认为 null,值为string
iconAlign:'right',//按钮图标位置。默认为 left,还有 right/top/bottom
} );
//方法
//返回属性对象 console.log($('#pos').linkbutton('options'));
//禁用按钮 $('#pos').linkbutton('disable');
//启用按钮 $('#pos').linkbutton('enable');
//选择按钮 $('#pos').linkbutton('select');
//取消选择按钮 $('#pos').linkbutton('unselect');
$("#bob").linkbutton({
toggle:true,
group:'sex',
})
三、可以使用重写默认值对象 $.fn.linkbutton.defaults.iconCls = 'icon-edit';