<script type="text/javascript">
$(function() {
// 页面加载后,对datagrid 进行设置
$("#grid").datagrid({
url: "datagrid_data.json",//发送数据加载请求到服务器
method: 'get',
fitColumns: false,//自动伸展或收缩列宽来保证表格正好充满屏幕
singleSelect: 'true',//true允许选择只有一行。
onClickCell: onClickCell,//单击单元格事件触发函数
onAfterEdit: onAfterEdit,//单击其它行触发事件函数
// 设置表格一些属性
columns: [
[ // 二维数组 支持 多级表头, 每一个数组 就是表头一行
{
field: "id", // 用于和服务器返回json中字段对应
title: "编号", // 列标题显示内容
width: 100,
formagrider: function(value, row, index) {
return index;
}
},
{
field: "name", // 用于和服务器返回json中字段对应
title: "商品名称", // 列标题显示内容
width: 100
},
{
field: "price", // 用于和服务器返回json中字段对应
title: "价格", // 列标题显示内容
width: 100
}, {
field: "time",
title: "时间",
width: 100,
editor: {
type: 'dateb
$(function() {
// 页面加载后,对datagrid 进行设置
$("#grid").datagrid({
url: "datagrid_data.json",//发送数据加载请求到服务器
method: 'get',
fitColumns: false,//自动伸展或收缩列宽来保证表格正好充满屏幕
singleSelect: 'true',//true允许选择只有一行。
onClickCell: onClickCell,//单击单元格事件触发函数
onAfterEdit: onAfterEdit,//单击其它行触发事件函数
// 设置表格一些属性
columns: [
[ // 二维数组 支持 多级表头, 每一个数组 就是表头一行
{
field: "id", // 用于和服务器返回json中字段对应
title: "编号", // 列标题显示内容
width: 100,
formagrider: function(value, row, index) {
return index;
}
},
{
field: "name", // 用于和服务器返回json中字段对应
title: "商品名称", // 列标题显示内容
width: 100
},
{
field: "price", // 用于和服务器返回json中字段对应
title: "价格", // 列标题显示内容
width: 100
}, {
field: "time",
title: "时间",
width: 100,
editor: {
type: 'dateb