首页 > 代码库 > jqgrid联查和显示数据转换
jqgrid联查和显示数据转换
联查
jQuery("#gridid").jqGrid({
...
colModel:[
{name:‘name‘,label:‘Name‘, width:150,editable: true}, {name:‘id‘,width:50, sorttype:"int", editable: true,formatter:strongFmatter}, {name:‘email‘,label:‘Email‘, width:150,editable: true,formatter:‘email‘}, {name:‘stock‘,label:‘Stock‘, width:60, align:"center", editable: true,formatter:‘checkbox‘,edittype:"checkbox"}, {name:‘item.price‘,label:‘Price‘, width:100, align:"right", editable: true,formatter:‘currency‘}, {name:‘item.weight‘,label:‘Weight‘,width:60, align:"right", editable: true,formatter:‘number‘}, {name:‘ship‘,label:‘Ship Via‘,width:90, editable: true,formatter:‘select‘, edittype:"select",editoptions: value:"2:FedEx;1:InTime;3:TNT;4:ARK;5:ARAMEX"}}, {name:‘note‘,label:‘Notes‘, width:100, sortable:false,editable: true,edittype:"textarea", editoptions:rows:"2",cols:"20"}} ],
...
});
对应的json值 红色部分对应
{ "page":"1",
"total":2,
"records":"13",
"rows":[
{"id":"12345","name":"Desktop Computers","email":"josh@josh.com","item":{"price":"1000.72", "weight": "1.22" }, "note": "note", "stock": "0","ship": "1"},
{"id":"23456","name":"<var>laptop</var>","note":"Long text ","stock":"yes","item":{"price":"56.72", "weight":"1.22"},"ship": "2"},
{"id":"34567","name":"LCD Monitor","note":"note3","stock":"true","item":{"price":"99999.72", "weight":"1.22"},"ship":"3"},
{"id":"45678","name":"Speakers","note":"note","stock":"false","ship":"4"}
]
}
显示转意
jQuery("#grid_id").jqGrid({
...
colModel: [ ... {name:‘是否空闲‘, ..., editoptions:{value:"0:否;1:是"}, edittype:‘select‘, formatter:‘select‘, editable:true }, ... ]
...
});
jqgrid联查和显示数据转换