easyui表格 行编辑事件

easyui表格 行编辑事件

HTML页面代码

1.onDblClickRow 双击行事件;
2. onAfterEdit:编辑完成事件 这两个是必须添加的;
3. editor:{type:‘numberbox’} 编辑时的输入类型

<table id="tt" class="easyui-datagrid"  data-options="onDblClickRow: onDblClickRow,
onAfterEdit:onAfterEdit" >
	<tr>
		<th data-options="editor:{type:'numberbox'}"></th>
	</tr>
</table>

js代码

var editIndex = undefined;
function endEditing(){
	if (editIndex == undefined){return true}
	if ($('#tt').datagrid('validateRow', editIndex)){
		$('#tt').datagrid('endEdit', editIndex);
		editIndex = undefined;
		return true;
	} else {
		return false;
	}
}
//双击行事件
function onClickRow(index){
	if (editIndex != index){
		if (endEditing()){
			$('#tt').datagrid('selectRow', index).datagrid('beginEdit', index);
			editIndex = index;
		} 
	}
}

//编辑完成事件
function onAfterEdit(index){
	alret(111);
	editIndex = undefined;
}
发布了8 篇原创文章 · 获赞 0 · 访问量 314

猜你喜欢

转载自blog.csdn.net/weixin_43804546/article/details/86660946