javascript - 从 Kendo 中的 columns.filterable.cell.template 函数访问列字段名称

Question

因为我在整个 web 应用中使用了大量的剑道网格，所以我开始引入一些给我带来很多麻烦的冗余代码。想象一下有这样的东西：

//MVC:
...
columns.Bound(c => c.Column1).Filterable(f => f.Extra(false)
.Operators(o => o.ForString(str => str.Clear().Contains("Contains")))
.Cell(c => .ShowOperators(false).Template("column1Filter")))
.Title("Column One"); 
...

//JS:
function column1Filter(container) {
    container.element.kendoAutoComplete({
        filter: "contains",
        dataTextField: "Column1",
        dataValueField: "Column1",
        valuePrimitive: true,
        dataSource: container.dataSource
    });
}

然后，为每个单个网格中的每个单个列复制此方法。有什么方法可以让我只有一种方法可以创建剑道自动完成功能？例如：

function genericAutocompleteFilter(container) {
    var columnsName = //...Meh!
    container.element.kendoAutoComplete({
        filter: "contains",
        dataTextField: columnsName,
        dataValueField: columnsName,
        valuePrimitive: true,
        dataSource: container.dataSource
    });
}

Answer 1

我认为您可以使用闭包来获取您需要为您的 columnName 定制的功能。就像是：

function getAutoCompleteFunction(columnName) {

    return function (container) {
                    container.element.kendoAutoComplete({
                        filter: "contains",
                        autoBind: false,
                        dataTextField: columnName,
                        dataValueField: columnName,
                        valuePrimitive: true,
                        dataSource: container.dataSource
                    })
}

然后例如使用 getAutoCompleteFunction("column1") 。

Answer 2

最后，有两种方法可以做到这一点。对于“颜色”列，我们可以将它与 kendo MVC（剃刀）一起使用。虽然“大小”列来自@massimo-franciosa 的建议。

http://dojo.telerik.com/uqita/5。