用于edittype ='select'的jqGrid dataUrl方法中的jQuery无法识别表达式错误

Question

这是this 线程的延续。我正在使用 free-jqGrid 4.9.0 并进行内联编辑。

 { name: 'ContactName',  editable: true, width: 100, sortable: false, frozen: true, formatter: 'select',  edittype: 'select',
                    editoptions: {
                        dataUrl: '/InvestorList/GetContactList',
                        postData: function (rowid, value, cmName) {

                            return { projectId: rowid };
                        }
                    }

在我的 ASP .NET MVC 控制器中，我有以下方法：

public JsonResult GetContactList(string projectId)
    {
        var contacts = new Dictionary<string, string>();//context.GetContactList(projectId);
        contacts.Add("123","IAM1");
        contacts.Add("1234", "IAM2");
        contacts.Add("12345", "IAM3");
        return Json(contacts, JsonRequestBehavior.AllowGet);
    }

使用 IE 开发者工具，这是响应：

{"123":"IAM1","1234":"IAM2","12345":"IAM3"}

但我收到以下错误，

http://localhost:51176/Scripts/jquery-2.1.3.min.js 中第 2 行第 12461 列的未处理异常 0x800a139e - JavaScript 运行时错误：语法错误，无法识别的表达式：{"123":"IAM1","1234":"IAM2","12345":"IAM3"}

我想知道dataUrl 期望什么样的格式，因为我对其他列使用完全相同的格式，例如editoptions: { value: TeaserStatusList } 在这种情况下TeaserStatusList 与{"123":"IAM1","1234":"IAM2","12345":"IAM3"} 具有相同的格式

谢谢

更新：

{ name: 'ContactId', editable: true, width: 100, sortable: false, edittype: 'select', editoptions: {  dataUrl: '/InvestorList/GetContactList',
                        postData: function (rowid, value, cmName) {                            
                            var accid = $(gridId).jqGrid("getCell", rowid, "AccountId");
                            return { accountId: accid };
                        },
                        buildSelect: function (data) {
                            var s = "<select>";
                            data = JSON.parse(data);
                            $.each(data, function (k, v) {
                                s += '<option value="' + k + '">' + v + '</option>';
                            });
                            return s + "</select>";
                        }
                    }

Answer 1

jqGrid 期望 dataUrl 返回带有 <select> 语句的 HTML 片段。因此，您应该在editoptions 中添加buildSelect 属性，它将服务器响应转换为带有<select> 语句的字符串。相应的代码可能如下所示

buildSelect: function (data) {
     var s = "<select>", i, l, val;
     if (data != null) {
         for (val in data) {
             if (data.hasOwnProperty(val)) {
                 s += "<option value='" + val + "'>" + data[val] + "</option>";
             }
         }
     }
     return s + "</select>";
 }

我没有测试代码，但在我看来它对应于从GetContactList 操作返回的数据格式。

我建议您在操作 GetContactList 的开头添加行 HttpContext.Current.Response.Cache.SetMaxAge (new TimeSpan(0)); 以确保您不会遇到缓存问题并且每次都会调用操作 GetContactList。