1. 程式人生 > >jqGrid-----顯示下拉列表框

jqGrid-----顯示下拉列表框

1.jqGrid單元格必須是可編輯狀態。cellEdit : true

$('#gridYosan').jqGrid({
		data : dataList,
		datatype : "local",
		multiboxonly : true,
		cellEdit : true,          //關鍵程式碼
		cellsubmit : 'clientArray',
		colNames : colNames,
		colModel : colModel,
		width : gridWidth,
		height : gridHeight,
		scrollOffset : 0,
		rowNum : 2,
		gridview : true,
		pager : "wfgm1010Pager",
		shrinkToFit:false,
		autoScroll: true,
		regional : 'ja'
	});

2.編輯列為下拉列表框。

var colModel = [                 
	        {
		    name : "yosanka",
		    formatter : "select",
		    editable : true,
		    width : 150,
		    edittype : "select",
		    editoptions : {
				value : "test1:0;test2:1;"
			            }
		},// 予算課
               ]