jqGrid之自定义下拉框

目的：用户表中的负责人，做成下拉框模式，下拉框的选项为负责人中的数据。

1.首先js获取负责人数据（数组格式）

  var g_ary=[];
  var g_fpid=null;
  $(function(){
    $.ajax({
       type: "get",
       dataType: "json",
       url: '${path}/sys/listBackUserAjaxPCfor',
       success: function (data) {
		   if(data.code==1){
		     for(var i=0;i

2.初始化用户列表中的负责人数据。

	                                {
						name : 'fpid',
						index : 'fpid',
						editable: true,
			        	        edittype : "select",              //编辑格式设为下拉框
						editoptions :{value :"0:未知"},   //设置下拉选项
						formatter:function(cellvalue){    //将数字转化为text文本供使用者观看
							g_fpid=cellvalue;
							var k=null;
							for(var i=0;i

3.初始化负责人下拉框。

	function style_edit_form(form) {
                        //获取所选行负责人值
                          var value=jQuery(grid_selector).jqGrid('getRowData',jQuery(grid_selector).jqGrid('getGridParam','selarrrow')[0]).fpid;
				var fpid=null;
			    for(var i=0;i"+ g_ary[i].value +"").appendTo($('#fpid'));
                                     //根据值获取显示文本
                                     if(value==g_ary[i].value){
			    		fpid=g_ary[i].key;
			    		
			    	}
                               //构造下拉框
                             form.find('input[name=fpid]').append(""+ g_ary[i].value +"");
				}
                             //设置显示文本
                          $('#fpid').val(fpid);
				
			}

4.结果展示：

收工。