Kendo UI网格工具栏模板下拉错误

时间:2013-03-14 13:38:11

标签: asp.net-mvc-4 kendo-grid

Reference1 Reference2

我在进入这个阶段之前遇到了一些其他问题,而这些问题在Referencea链接中有详细说明,无论如何主要问题是在最终获得下拉列表(Reference2)后显示它,遗憾的是实际上并没有连接到控制器行动应该填补它没有明显答案的原因。

似乎表明任何事情的唯一错误是: - TypeError:r未定义 kendo.web.min.js 第13行

我用于下拉列表的当前代码是: -

<script type="text/x-kendo-template" id="template">
    <div class="toolbar">
        <label class="category-label" for="external">Show patients by ex:</label>
        <input type="search" id="external" style="width: 230px"></input>
    </div>
</script>

var dropDown = grid.find("#external").kendoDropDownList({
            dataTextField: "ExName",
            dataValueField: "ExId",
            autoBind: false,
            optionLabel: "All",
            dataSource: {
                type: "json",
                severFiltering: true,
                transport: {
                    url: '@Url.Action("_Ex", "Entry")',
                    data: { ignore: Math.random() }
                }
            },
            change: function () {
                var value = this.value();
                if (value) {
                    grid.data("kendoGrid").dataSource.filter({ field: "ExId", operator: "eq", value: parseString(value) });
                } else {
                    grid.data("kendoGrid").dataSource.filter({});
                }
            }
        });



<style scoped="scoped">
    #grid .k-toolbar
    {
        min-height: 27px;
    }
    .external-label
    {
        vertical-align: middle;
        padding-right: .5em;
    }
    #external
    {
        vertical-align: middle;
    }
    .toolbar {
        float: right;
        margin-right: .8em;
    }
</style>

我知道控制器动作是有效的,它不是因为它甚至没有被调用,而是因为我在另一个页面上使用它,而是作为层次结构网格中的主要网格。

对此的想法或帮助将非常感激。

1 个答案:

答案 0 :(得分:1)

组合框上数据源的传输配置不正确。 type属性的唯一有效值是'odata',而您指定'json'。如果要指定数据源传输返回json,则需要像下面这样配置数据源:

  dataSource: {
      serverFiltering: true,
      transport: {                    
          read: {
              url: '@Url.Action("_Ex", "Entry")',
              dataType: 'json'
          }
      },
 }

dataType属性指定您希望从服务器返回的数据类型。

url属性指定远程数据的URI。

您可以找到有关数据源API here的全面文档。