jqgrid 是一个基于jquery 的web 端 table/tree grid 的组件。
官方网址:
http://www.jqgrid.com
{name:'ship',index:'ship', width:90, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}}默认的定义方式是在grid 的定义选项中设置 colModel 的col 定义按照以上的定义方式。
{name:'note',index:'note', editable:true,edittype:'custom', editoptions:{custom_element: myelem, custom_value:myvalue},width:150, sortable:false} ]
function myelem(value, options) { var el = document.createElement("select"); if(value!=null&&value.length>0) { var optvalues = eval(value); if(optvalues.length>0) { for(var i=0;i<optvalues.length;i++) { var optvalue = optvalues[i].optvalue; var optdisplay = optvalues[i].optdisplay; var optel = document.createElement("option"); optel.innerHTML = optdisplay; optel.value = optvalue; el.appendChild(optel); } } } return el; } function myvalue(elem, operation, value) { if(operation === 'get') { return $(elem).val(); } else if(operation === 'set') { $(elem).val(value); } }
{optvalue:'value',optdisplay:'display'}