一般表格都会要实现增删改查的功能,下面就来讲解easyUI中dadagrid数据表格的修改实现。
实现修改操作只能选择一行来修改,要选中一行,然后获取到一行的数据显示在修改的表单窗口中。
那么首先我们要考虑几个问题:
_ 1. 如何获取到一行的数据
2.如何显示到修改窗口
3.后台代码如何编写_
查看jquery easyUI的API,其中有两个方法:
_getSelected none 返回第一个被选中的行或如果没有选中的行则返回null。
getSelections none 返回所有被选中的行,当没有记录被选中的时候将返回一个空数组。 _
点击修改按钮,获取datagrid选中的一行数据
//获取当前datagrid选中的数据
var rows = $("#grid").datagrid('getSelections');
//判断是否只选中一行
if(rows.length != 1){
//不选或者多选
$.messager.alert("提示信息","修改数据时,只能选择一行信息","warning");
}
将选中的数据,显示在修改窗口的form表单
解决方法:使用jquery easyUI 提供的form对象
提供隐藏字段
修改功能,需要提供修改的 id