前端框架 jQuery EasyUi 学习笔记九（增删改查的简单界面实现）-原创手记-慕课网

前端框架 jQuery EasyUi 学习笔记九（增删改查的简单界面实现）

玄鉴 2016-12-31 17:29:43 浏览 6508

玄鉴

关注TA

手记 96

粉丝 237

获赞 4217

<script type="text/javascript">
      $(function(){

          $('#d').dialog({
             title:'用户管理',
             width:700,
             height:500,
             iconCls:'icon-add',
             modal:true,
             toolbar:'#dlg-toolbar',
               footer:'#footer'

          });

           });

    </script>

  </head>

  <body>

  <!-- 所有的核心业务都是增删改查，就以用户管理为例， -->
    <div id="d" style="padding:10px;">
        The dialog content.
    </div>

  <div id="dlg-toolbar" style="padding:2px 0">
        <table cellpadding="0" cellspacing="0" style="width:100%">
            <tr>
                <td style="padding-left:2px">
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">新增用户</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除用户</a>
                    <a href="009.jsp"            class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改用户</a>

                </td>
                <td style="text-align:right;padding-right:2px">
                    <input class="easyui-searchbox" data-options="prompt:'请输入用户名'" style="width:150px"></input>
                </td>
            </tr>
        </table>
    </div>
    <div id="footer" style="padding:5px;width: 700px;height: 200px;" 
     >Footer Content.此处可以添加jsp-form表单</div>

  </body>

0人推荐

发表评论