Question

我对MVC和JQGrid都很新。我遇到了使AutoComplete或DatePicker与编辑或搜索一起使用的问题。

我假设（希望）一个解决方案将解决这两个问题，因为我两个都遇到了类似的错误，所以暂时我将其剥离为AutoComlete以简化操作。

我一直关注http://www.trirand.net/aspnetmvc/grid/performancelinqsearch的例子使AutoComplete在列上方的搜索工具栏中工作。

似乎无论我尝试什么，AutoComplete都不起作用，我在Chrome的开发控制台中收到此错误：“未捕获的ReferenceError：AutoComplete_acid未定义”。

这是我的看法。我已经禁用了主布局，以防引起任何冲突。我已经尝试使用jqGrid下载而不是最新版本的jQuery版本。我没有收到关于AutoComplete丢失的警报或者在我排除AutoComplete脚本时发生的加载资源失败。

@model MRA_Survey_Manager.Models.ESLogModel
@using Trirand.Web.Mvc

<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>MRA Survey Manager</title>      
    <link rel="stylesheet" type="text/css" href="~/Content/themes/base/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/jquery.jqGrid/ui.jqgrid.css" />
    <script type="text/javascript" src="~/Scripts/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jqGrid/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="~/Scripts/jqGrid/jquery.jqGrid.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jqGrid/jquery.jqAutoComplete.min.js"></script>
    <script type="text/javascript" src="~/Scripts/jqGrid/CustomValidators.js"></script>
</head>
<body>
    <div style="Width:100%">
        @Html.Trirand().JQGrid(Model.ESLogGrid, "ESLogGrid")

        @{
            Html.Trirand().JQAutoComplete(
            new JQAutoComplete
            {
                DisplayMode = AutoCompleteDisplayMode.ControlEditor,
                DataField = "Carrier",
                DataUrl = Url.Action("AutoCompleteCarrier", "ESLogGrid")
            }, "AutoComplete");
        }
    </div>
</body>
</html>

在我的控制器中，我有：

public JsonResult AutoCompleteCarrier(string term)
{
    JQAutoComplete autoComp = new JQAutoComplete();

    autoComp.DataField = "Carrier";
    autoComp.AutoCompleteMode = AutoCompleteMode.BeginsWith;
    autoComp.DataSource = from survey in db.MRA_SurveyLog
                          select survey;

    return autoComp.DataBind();
}

在我的网格设置中：

JQGridColumn column = logGrid.Columns.Find(c => c.DataField == "Carrier");
column.SearchType = SearchType.AutoComplete;
column.Searchable = true;
column.DataType = typeof(string);
column.SearchControlID = "AutoComplete";
column.SearchToolBarOperation = SearchOperation.BeginsWith;

我查看了http://www.trirand.net/forum/default.aspx?g=posts&t=2902

中列出的三件事

我一直在努力解决这个问题。任何帮助将不胜感激。

Answer 1

我终于明白了。事实证明，视图中的Razor语法存在问题。由于某种原因，在多语句块中定义AutoComplete对象会导致该错误。

将其更改为单一语句解决了问题。

 @Html.Trirand().JQAutoComplete(new JQAutoComplete{DisplayMode = AutoCompleteDisplayMode.ControlEditor, DataField = "Carrier", DataUrl = Url.Action("AutoCompleteCarrier", "ESLogGrid")}, "AutoComplete")

编辑：在解决了我最近使用Razor语法的问题后，我想回来更新此解决方案。问题在于我对语法的理解而不是jqGrid本身。当您在多语句块中使用花括号时，您显然必须将该部分包装在文本标记中。所以以下内容也应该有效：

@{ 
    <text>    
    @Html.Trirand().JQAutoComplete(
    new JQAutoComplete
    {
        DisplayMode = AutoCompleteDisplayMode.ControlEditor,
        DataField = "Carrier", 
        DataUrl = Url.Action("AutoCompleteCarrier", "ESLogGrid")
    }, "AutoComplete")
    </text>
 }

更多信息：https://stackoverflow.com/a/6099659/1451531

jqGrid MVC错误：“未捕获的ReferenceError：未定义AutoComplete_acid”

1 个答案: