修改功能（+easyUI）

迷南。 2022-03-20 07:22 210阅读 0赞

### 数据表格绑定双击事件   ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTY2Nzcy_size_16_color_FFFFFF_t_70][] ###

### 修改取派员窗口 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTY2Nzcy_size_16_color_FFFFFF_t_70 1][]

双击事件函数

//数据表格绑定的双击行事件对应的函数
    	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 查询所有信息，将获取的信息覆盖前者

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTY2Nzcy_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTY2Nzcy_size_16_color_FFFFFF_t_70]: /images/20220320/50f740e41ec94f64a8de429436c17a2f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTY2Nzcy_size_16_color_FFFFFF_t_70 1]: /images/20220320/7d51263f5baa4feab1184d991e790b1b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTY2Nzcy_size_16_color_FFFFFF_t_70 2]: /images/20220320/0c697f64a11948529cf250964a5b927f.png