Loading

easyUI linkbutton组件

easyUI linkbutton组件：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="easyui/jquery.min.js"></script>
    <script src="easyui/jquery.easyui.min.js"></script>
    <script src="easyui/locale/easyui-lang-zh_CN.js"></script>
    <script src="js/test007.js"></script>
    <link rel="stylesheet" href="easyui/themes/default/easyui.css">
    <link rel="stylesheet" href="easyui/themes/icon.css">
</head>

<body style="margin:20px">
    <a href="#" class="easyui-linkbutton">linkbutton</a>
    <a href="#" id="box">link2button</a>
    <a href="#" id="pox">link2_2button</a>
</body>

</html>
$(function(argument) {
    var obj = {
        // id:'pox',//修改id
        // disabled:true,//禁用按钮
        // toggle:true,//反复开关按钮
        // selected:true,//默认选中状态
        // group:'sex',//两个以上进行分组；与toggle一起使用；
        // plain:true,//简洁效果
        // text:'buttonText',//innerHTML的效果
        // iconCls:'icon-add',//图标的cssName
        // iconAlign:'right',// 图标的定位
        // size:'large',//按钮大小
    };
    $('#box').linkbutton(obj);
    $('#pox').linkbutton(obj);
    $('#box').linkbutton('disable'); //要放到这里才有效果
    $('#box').linkbutton('enable');
    $('#box').linkbutton('resize',{width:'100%',height:32});//设置大小
    $('#box').linkbutton('select');//选中
});

 

posted @ 2015-10-07 20:21  stono  阅读(1253)  评论(0)  编辑  收藏  举报