jQuery EasyUI API 中文文档 - 链接按钮(linkbutton)

<html>

<head>

    <script src="jquery-easyui/jquery.min.js"></script>

    <script src="jquery-easyui/jquery.easyui.min.js"></script>

    <script src="jquery-easyui/easyloader.js"></script>

    <script src="jquery-easyui/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css" />

</head>

<body>

<script>

    $(function (){

        $("#btn").linkbutton({

            plain:false,

            text:'xixihaha'

        })

        

        //点击禁用,完成禁用方法

        $("#jin").click(function (){

            $("#btn").linkbutton('disable')

        })



        //点击启用,完成启用方法

        $("#qi").click(function (){

            $("#btn").linkbutton('enable')

        })

    })

</script>

        <a href="#" id="btn" iconCls="icon-search">easyui</a>  

        <a href="#" id="jin" class="easyui-linkbutton" >禁用</a>

        <a href="#" id="qi" class="easyui-linkbutton">启用</a>

        <!--

        linkbutton的属性

        id:分配给该组件的ID。

        disabled:设置为true将禁用按钮。

        plain:为true时不显示边框浮上去会显示边框,相反就是正常的样式,默认是false

        text:按钮上显示的文字。

        iconCls:用来在左边显示一个16x16大小图标的css类。



        linkbutton的方法

        disable:禁用按钮。

        enable:启用按钮。

        -->

</body>

</html>



你可能感兴趣的:(jquery easyui)