后面不知道该怎么做,求大神指导我接下来该怎么做。主要是步骤。
<!-- 设置table标签的属性 ID 标题 定义表格的样式为easyui-datagrid 格式
地址定位 工具栏 排序 fitColumns:自动适应列表宽度 只能单选-->
<table id="dg" title="My Users" class="easyui-datagrid"
style="width: 800px; height: 500px" url="get_users.php"
toolbar="#toolbar" pagination="true" rownumbers="true"
fitColumns="true" singleSelect="true" fit="true">
<!-- 用thead标签创建表头 -->
<thead>
<tr>
<th field="id" width="1" align="center"><input type="checkbox"></th>
<th field="id" width="1" align="center">ID</th>
<th field="name" width="20" align="center">姓名</th>
<th field="age" width="5" align="center">年龄</th>
<th field="birthday" width="5" align="center">生日</th>
<th field="sex" width="5" align="center">性别</th>
<th field="wages" width="5" align="center">工资</th>
<th field="state" width="5" align="center">状态</th>
<th field="remark" width="50" align="center">备注</th>
</tr>
</thead>
</table>
<!-- 给table标签toolbar属性添加div -->
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"
onclick="newUser()">New User</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"
onclick="editUser()">Edit User</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"
onclick="destroyUser()">Remove User</a><br/>
<span>姓名</span>
<span><input type="text" placeholder="wujun" id="name" style="width:80px"></span>
<span>性别</span>
<span>
<select id="sex" title="EasyUI" style="width:80px">
<option>不限</option>
<option>男</option>
<option>女</option>
</select>
</span>
<a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"
onclick="searchUser()">查询</a>
</div>
<!-- 建第二个窗口,新建数据弹出框 -->
<div id="dlg" class="easyui-dialog" title="New User"
style="width: 400px; height: 280px; padding: 10px 20px" closed="true"
buttons="#dlg-buttons">
<div class="ftitle">User Information</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>姓名:</label>
<input name="name" class="easyui-textbox" required="true">
</div>
<div class="fitem">
<label>年龄:</label>
<input name="lastname" class="easyui-textbox" required="true">
</div>
<div class="fitem">
<label>生日:</label>
<input name="birthday" class="easyui-datebox" required="true">
</div>
<div class="fitem">
<label>性别:</label>
<span>
<select id="sex" title="EasyUI" style="width:172px">
<option></option>
<option>男</option>
<option>女</option>
</select>
</span>
</div>
<div class="fitem">
<label>工资:</label>
<input name="wages" class="easyui-textbox" >
</div>
<div class="fitem">
<label>状态:</label>
<select id="state" title="EasyUI" style="width:172px">
<option>可用</option>
<option>不可用</option>
</select>
</div>
<div class="fitem">
<label>备注:</label>
<input name="remark" class="easyui-textbox" >
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton c6"
iconCls="icon-ok" onclick="saveUser()" style="width: 90px">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton"
iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')"
style="width: 90px">Cancel</a>
</div>
}