Jquery JQGrid负载下拉列表数据

Jquery JQGrid负载下拉列表数据,jquery,asp.net,asp.net-mvc,asp.net-mvc-2,jqgrid,Jquery,Asp.net,Asp.net Mvc,Asp.net Mvc 2,Jqgrid,在我的JQGrid中,我需要将数据动态加载到公司列中的下拉列表中 视图: 将数据加载到下拉列表的控制器方法 目前我在JQGrid上看不到下拉列表您已经为下拉列表指定了以下url: dataUrl: '<%= Url.Action("GetDestinationList", "JqGridClients") %>' } 以及相应的部分GetDestinationList.ascx: 在浏览器中查看网络控制台时,您应该能够看到发送到服务器的GET/JqGridClients/GetDe

在我的JQGrid中,我需要将数据动态加载到公司列中的下拉列表中

视图:

将数据加载到下拉列表的控制器方法


目前我在JQGrid上看不到下拉列表

您已经为下拉列表指定了以下url:

dataUrl: '<%= Url.Action("GetDestinationList", "JqGridClients") %>' }
以及相应的部分GetDestinationList.ascx:


在浏览器中查看网络控制台时,您应该能够看到发送到服务器的GET/JqGridClients/GetDestinationList AJAX请求,以便检索下拉列表的标记。

您已经为下拉列表指定了以下url:

dataUrl: '<%= Url.Action("GetDestinationList", "JqGridClients") %>' }
以及相应的部分GetDestinationList.ascx:

在浏览器中查看网络控制台时,您应该能够看到发送到服务器的GET/JqGridClients/GetDestinationList AJAX请求,以便检索下拉列表的标记。

如果dataUrl返回JSON格式的字符串数组,您可以使用buildSelect将数据转换为JSON格式。您可以在中找到相应的代码示例。考虑参考答案更新2部分中描述的jqGrid中的变化。那么

{
    name: "Company",
    stype: "select",
    searchoptions: {
        dataUrl: '<%= Url.Action("GetDestinationList","JqGridClients") %>',
        buildSelect: function (data) {
             var s = "<select>", i, l, item;
             if (data && data.length) {
                 for (i = 0, l = data.length; i < l; i++) {
                     item = data [i];
                     s += '<option value="' + item + '">' + item + '</option>';
                 }
             }
             return s + "</select>";
         }
    }
}
如果dataUrl返回JSON格式的字符串数组,则可以使用buildSelect将数据转换为JSON格式的字符串列表。您可以在中找到相应的代码示例。考虑参考答案更新2部分中描述的jqGrid中的变化。那么

{
    name: "Company",
    stype: "select",
    searchoptions: {
        dataUrl: '<%= Url.Action("GetDestinationList","JqGridClients") %>',
        buildSelect: function (data) {
             var s = "<select>", i, l, item;
             if (data && data.length) {
                 for (i = 0, l = data.length; i < l; i++) {
                     item = data [i];
                     s += '<option value="' + item + '">' + item + '</option>';
                 }
             }
             return s + "</select>";
         }
    }
}
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

<select> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    ...
</select>
{
    name: "Company",
    stype: "select",
    searchoptions: {
        dataUrl: '<%= Url.Action("GetDestinationList","JqGridClients") %>',
        buildSelect: function (data) {
             var s = "<select>", i, l, item;
             if (data && data.length) {
                 for (i = 0, l = data.length; i < l; i++) {
                     item = data [i];
                     s += '<option value="' + item + '">' + item + '</option>';
                 }
             }
             return s + "</select>";
         }
    }
}