jqgrid設置列爲下拉框

有三種方式設置下拉框:

法一:字符串

{name:'trackerStatus', index:'trackerStatus', editable: true, edittype:'select', editoptions: {value: "1:在用; 2:空閒; 3:故障" }},

法二:對象

{name:'trackerStatus', index:'trackerStatus', editable: true, edittype:'select', editoptions: {value: {1:'在用', 2:'空閒', 3:'故障'}}},

注意,法一和法二中都是:前面是值,後面是顯示值。


法三:動態獲取數據

爲editoptions設置dataUrl參數。意思就是select的值,是通過一個URL來獲取的,比如一個Ajax請求的返回值。

特別需要注意的是,在這種情況下,URL的返回值必須是包括select以及option這些HTML標籤的。

就像這樣:<select><option value="1">One</option><option value="2">Two</option></select>.這種情況下,

還可以在editoptions中設置是否允許多選,size等等。

例如:

{name:'groupPurchaseContractNum',index:'groupPurchaseContractNum', width:60, editable:true, edittype:'select', 
editoptions:{value:getGroupContractNum()}},


實現getGroupContractNum()函數:

function getGroupContractNum(){
			var GroupContractNum = "";
			var i;
			$.ajax({
				type : "post",
				async : false,
				url : "goodsGroupContract_queryGroupPurchaseNum.do",
				success : function(result){
					var result = eval('('+ result +')');
					for(i = 0; i < result.length; i++){
				    	if(i != result.length - 1){
				    		GroupContractNum += result[i].purchaseNum + ":" + result[i].purchaseNum + ";";
				    	}else{
				    		GroupContractNum += result[i].purchaseNum + ":" + result[i].purchaseNum;
				    	}
					}   
				}
			});
			return GroupContractNum;		//必須有此返回值
		}

或者:在彈出框中下拉選擇數據。例如:

<div id="bindContractDialog" title="綁定合同號" style="display:none;">
							 	    <table class="exhibit_table">  
									    <tr>  
									        <td style="width:80px; padding:10px;" align="right">大宗物資網合同號</td>  
									        <td>
									        	<select id="DzContractNum" name="dzContractNum" style="width:163px;">
													<!--<option value ="volvo">終端一</option>
													<option value ="saab">終端二</option>
													<option value="opel">終端三</option>
													<option value="audi">終端四</option>
													<option value="audi2">終端五</option>
												--></select>
									        </td>  
									    </tr>  
									    <tr>  
									        <td style="width:80px; padding:10px;"  align="right">集團合同庫合同號</td>  
									        <td>
									        	<select id="GroupContractNum" name="groupContractNum" style="width:163px;">
													<!--<option value ="volvo">終端一</option>
													<option value ="saab">終端二</option>
													<option value="opel">終端三</option>
													<option value="audi">終端四</option>
													<option value="audi2">終端五</option>
												--></select>
									        </td>  
									    </tr>  
									</table> 
						 		</div>


$.ajax({
async:false,
cache:true,
type: "POST",  
url: "goodsDzContract_queryDzPurchaseNum.do",
success: function(result){
var result = eval('('+ result +')');
if(result != undefined && result.length > 0){
for ( var i = 0; i < result.length; i++) {
var opt = "<option value='" + result[i].purchaseNum + "'>" + result[i].purchaseNum + "</option>";  
$("#DzContractNum").append(opt);
} 
}
},  
error: function() {  
alert("獲取大宗物資網合同號失敗")  
}  
});





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章