有三種方式設置下拉框:
法一:字符串
{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("獲取大宗物資網合同號失敗")
}
});