修改功能(+easyUI)
程序员文章站
2024-02-04 21:06:58
...
数据表格绑定双击事件
修改取派员窗口
双击事件函数
//数据表格绑定的双击行事件对应的函数
function doDblClickRow(rowIndex, rowData){
//打开修改窗口
$('#editStaffWindow').window("open");
//使用form表单对象的load方法回显数据
$("#editStaffForm").form("load",rowData);
}
html
<div class="easyui-window" title="添加或者修改" id="editStaffWindow" collapsible="false"
minimizable="false" maximizable="false" style="top:20px;left:200px">
<div region="north" style="height:31px;overflow:hidden;" split="false" border="false" >
<div class="datagrid-toolbar">
<a id="edit" icon="icon-edit" href="#" class="easyui-linkbutton" plain="true" >保存</a>
</div>
</div>
<div region="center" style="overflow:auto;padding:5px;" border="false">
<form id="editStaffForm" action="staffAction_edit.action" method="post">
<input type="hidden" name="id">
<table class="table-edit" width="80%" align="center">
<tr class="title">
<td colspan="2">信息</td>
</tr>
<tr>
<td>姓名</td>
<td><input type="text" name="name" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td>手机</td>
<td>
<script type="text/javascript">
$(function(){
//为保存按钮绑定事件
$("#edit").click(function(){
//表单校验,如果通过,提交表单
var v = $("#editStaffForm").form("validate");
if(v){
//$("#addStaffForm").form("submit");
$("#editStaffForm").submit();
}
});
var reg = /^1[3|4|5|7|8][0-9]{9}$/;
//扩展手机号校验规则
$.extend($.fn.validatebox.defaults.rules, {
telephone: {
validator: function(value,param){
return reg.test(value);
},
message: '手机号输入有误!'
}
});
});
</script>
<input type="text" data-options="validType:'telephone'"
name="telephone" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td>XXX1</td>
<td><input type="text" name="station" class="easyui-validatebox" required="true"/></td>
</tr>
<tr>
<td colspan="2">
<input type="checkbox" name="haspda" value="1" />
XXX2</td>
</tr>
<tr>
<td>XXX3</td>
<td>
<input type="text" name="standard" class="easyui-validatebox" required="true"/>
</td>
</tr>
</table>
</form>
</div>
</div>
因为表中可能有其他字段,可以以 ID 查询所有信息,将获取的信息覆盖前者