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');//选中

});