这篇博客的主题是实现对话窗口的添加、编辑和删除。我们总共分成五步:
1、制作对话窗口html
- <%-- 弹出操作框--%>
- <div id="dlg" class="easyui-dialog" style="width: 400px; height: auto; padding: 10px 20px"
- data-options="closed:true,buttons:'#dlg-buttons'"> <%--closed="true" buttons="#dlg-buttons"--%>
- <div class="ftitle">管理员信息</div>
- <form id="fm" method="post">
- <div class="fitem">
- <label>用户名:</label>
- <input id="firstname" name="firstname" class="easyui-validatebox" data-options="required:true"/>
- </div>
- <div class="fitem">
- <label>密码:</label>
- <input id="password" name="password" class="easyui-validatebox" data-options="required:true"/>
- <input name="Test" id="test" type="hidden" />
- <input name="AdminID" id="AdminID" type="hidden" />
- <input id="key" name="key" onkeydown= "if(event.keyCode==13)reloadgrid()" type="hidden"/>
- </div>
- <div class="fitem">
- <label>员工姓名:</label>
- <input id="workerName" name="workerName" class="easyui-combobox"/>
- </div>
- <div class="fitem">
- <label>权限:</label>
- <input id="adminRightName" name="adminRightName" class="easyui-combobox"/>