在jqgrid中設置C＃下拉選項

我在服務器端使用C＃生成列模型並將jSON傳遞到網格。現在我想要一列提供下拉功能。但它不工作了，這是我到目前爲止有：在jqgrid中設置C＃下拉選項

StringBuilder deptDetails = new StringBuilder(); 
foreach (Department dept in departmentList) 
{ 
    deptDetails.Append(dept.DepartmentID); 
    deptDetails.Append(":'"); 
    deptDetails.Append(":'" + dept.DepartmentName + "',"); 
    deptDetails.Append(','); 
} 
deptDetails.Length -= 1; 

colModel[i] = new ColumnMod 
{ 
    name = selectedItems[i].ToString(), 
    index = selectedItems[i].ToString(), 
    width = 100, 
    editable = true, 
    edittype = "select", 
    align = "left", 
    editoptions="{value:{" + deptDetails + "}}" 
};

這裏是我columnmodel類：

public class ColumnMod 
{ 
    public string name { get; set; } 
    public string index { get; set; } 
    //public Boolean key { get; set; } 
    public Int32 width { get; set; } 
    public Boolean editable { get; set; } 
    public string edittype { get; set; } 
    //public Boolean sortable { get; set; } 
    public string align { get; set; } 
    //public Boolean hidden { get; set; } 
    public string editoptions { get; set; } 
}

編輯：

這裏是我的JS代碼：

$grid.jqGrid({ 
    colNames: selectedItems, 
    colModel: columnSelected, 
    sortname: selectedValues[0], 
    sortorder: "asc", 
    editurl: 'url', 
    cellsubmit: 'clientArray', 
    cellEdit: true, 
    rowNum: 5000, 
    rownumbers: true, 
    rownumWidth: 30, 
    autowidth: true, 
    shrinkToFit: true, 
    gridview: true, 
    pager: '#gridPager', 
    viewrecords: true, 
    recordtext: "Total Rows: {2}", 
    jsonReader: { 
     root: "rows", 
     page: "page", 
     total: "totalpages", 
     records: "totalrecords", 
     cell: "cell", 
     id: selectedValues[0], //index of the column with the PK in it 
     userdata: "userdata", 
     repeatitems: true 
    }, 
    prmNames: { 
     rows: "numRows", 
     page: "page", 
     sort: "sortField", 
     order: "sortOrder" 
    }, 
    datatype: function (postdata) { 
     if (lastSortField != postdata.sortField || lastSortOrder != postdata.sortOrder) 
     { if (!$('#btnValidate').is(':disabled')) { 
       lastSortField = postdata.sortField; 
       lastSortOrder = postdata.sortOrder; 
      } 
     } 
    }

這就是我如何在columnModel中獲得價值：

function getSelectedColumnsJSON(selectedValues) { 
try { 
    $.ajax({ 
     type: "POST", 
     url: window.location.protocol + '//' + window.location.host + window.location.pathname + "/getSelectedColumnsJSON", 
     data: $.toJSON({ 
      selectedItems: selectedValues 
     }), 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     async: false, 
     success: function (data, status) { 
      if (data.d) 
       columnSelected = data.d; 
     }, 
     error: function (error) { 
      ShowMessage(error.responseText); 
     } 
    }); 
} 
catch (ex) { 
    ShowMessage(ex.message); 
}

}

我收到的下拉列中選擇，但它是空的，我試圖遵循解釋here ..any幫助格式？

來源

2012-11-08 faizanjehangir

你可以發佈你的JavaScript代碼和標記嗎？ – testCoder

對帖子進行編輯。 – faizanjehangir

我不確定我是否正確理解您的問題，因爲您沒有發佈JSON數據用於填充網格。您是否在輸入數據中發佈了DepartmentID或DepartmentName值？可能您還需要另外使用formatter:'select'，它會解決您現有的問題？

我不明白您需要實施的完整方案，但通常使用dataUrl而不是editoptions的value屬性的使用更好。當您真的需要使用value屬性時，可能唯一的情況是使用formatter:'select'。只有從服務器返回的數據包含ID而不是字符串數據時，才能使用選項dataUrl。

來源

2012-11-08 07:49:08 Oleg

我已對該帖子進行了編輯。我想有這樣的： – faizanjehangir

@faizanjehangir：你不解答我的主要問題。你寫了「我想要一列提供下拉功能」和「我在列中獲取下拉選擇，但它是空的」。在編輯期間，您是否需要下拉菜單**？此外，您發佈了您的代碼片段，並且不會在服務器響應中發佈*數據將如何編碼*。取決於對你在'ColumnMod'的'editoptions'屬性中構造的數據進行編碼可能是錯誤的。 ** editoptions屬性的類型應該是對象而不是字符串。** – Oleg

當我使用對象而不是字符串時，它起作用了......謝謝！ – faizanjehangir

在jqgrid中設置C＃下拉選項

回答

相關問題