java项目easyui-datagrid的动态增删改

jsp页面代码


新增 删除   查询字段:  查询

js代码,新增


var rows = $('#DG').datagrid("getRows");
$('#DG').datagrid('insertRow', {
	index : rows.length + 1, //添加到最后一行
		row : {//对应生成datagrid的列
						kid : '新增的值',
						na : '新增的值',
						memo : '新增的值',
						skey :'新增的值',
						skeyBoy : '新增的值',
					},
                    //formate方法
//datagrid不需要加入formate属性,如果是datalist则需要
				});

修改

var row1 = $('#DG').datagrid("getSelected");//获取到datagrid选择的行
				var rowIndex = $('#DG').datagrid('getRowIndex', row1);
				$('#DG').datagrid('updateRow', {
					index :rowIndex,
					row : {
						//对应生成datagrid的列
						na : '修改后的值',
						memo : '修改后的值',
						skey :'修改后的值',
						skeyBoy : '修改后的值',
					},
                    //formate方法
//datagrid不需要加入formate属性,如果是datalist则需要
				});

删除

//获取勾选的行
var checked= $('#Dl').datagrid("getChecked");
for (var i = 0; i < checked.length; i++) {
				row = checked[i];
				//获取行号并删除
				var rowIndex = $('#Dl').datagrid('getRowIndex', row);
				$('#Dl').datagrid("deleteRow", rowIndex);
}

 

你可能感兴趣的:(java项目easyui-datagrid的动态增删改)