easyUI之LinkButton（按钮）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>LinkButton（按钮）</title>

    <meta http-equiv="keywords" content="学习,IT学习,好好学习">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

      <!-- 引入css文件，不限顺序 -->

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

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

      <!-- 引入js文件，有顺序限制 -->

    <script type="text/javascript" src="../js/jquery.min.js"></script>

    <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

    <!-- 所有的css文件和的有的js文件位置不限 -->

  </head>

  <body>

    <a

        id="btn_add"

        href="#"

        class="easyui-linkbutton"

        data-options="iconCls:'icon-add'">增加部门</a><p>

    <a

        id="btn_find"

        href="#"

        class="easyui-linkbutton"

        data-options="iconCls:'icon-search'">查询部门</a><p>

    <a

        id="btn_update"

        href="#"

        class="easyui-linkbutton"

        data-options="iconCls:'icon-edit'">修改部门</a><p>

    <a

        id="btn_delete"

        href="#"

        class="easyui-linkbutton"

        data-options="iconCls:'icon-remove'">删除部门</a><p>

    <script type="text/javascript">

        //定位4个按钮

        $("a").click(function(){

            //获取你所单击的按钮的标题

            var title = $(this).text();

            //去空格

            title = $.trim(title);

            //显示

            alert(title);

        });

    </script>

  </body>

</html>
巴特西

easyUI之LinkButton（按钮）

最新文章

热门文章
