datagrid之修改

思维导图：

 

课程目标：1.dialog控件的使用       2.form控件的使用

一、dialog（对话框窗口）控件的使用

1:将修改加入到数据表格中

查看easyui的API，找到formatter,然后粘贴到所用到的js代码中

单元格formatter(格式化器)函数，带3个参数：
value：字段值。
row：行记录数据。
index: 行索引。 
代码示例：

$('#dg').datagrid({
	columns:[[
		{field:'userId',title:'User', width:80,
			formatter: function(value,row,index){
				if (row.user){
					return row.user.name;
				} else {
					return value;
				}
			}
		}
	]]
});

利用API中datagrid控件进行插入（book.js） ,修改成需要的样子

formatter : function(value, row, index) {
				return '<a href="javascript:void(0)" onclick="edit()">修改</a>'

注：row表示当前选中行的数据 

展示效果：