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

<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" >
        The dialog content.
    </div>

  <div id="dlg-toolbar" >
        <table cellpadding="0" cellspacing="0" >
            <tr>
                <td >
                    <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 >
                    <input class="easyui-searchbox" data-options="prompt:'请输入用户名'" ></input>
                </td>
            </tr>
        </table>
    </div>
    <div id="footer"  
     >Footer Content.此处可以添加jsp-form表单</div>

  </body>