LinkButton(按钮)组件

一、//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';

上一篇:EasyUi前端js禁止短时间内多次点击按钮方法


下一篇:使用javascript获取LinkBut​​ton文本