LinkButton(按钮)组件

大家好，欢迎来到IT知识分享网。

一、//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’,//显示在按钮文字左侧的图标（16×16）的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’;