Kendo DropDownList搜索模板修改后的文本

时间:2017-01-06 22:49:19

标签: kendo-ui telerik kendo-dropdown

我无法使用内置搜索Kendo DropDownList来使用模板化文本而不是dataSource中的原始文本。我想从dataSource名称中删除前导斜杠以进行显示,值和搜索。

test

以下是剑道UI测试人员的非工作样本:

http://dojo.telerik.com/@Jeremy/UvOFo

我无法轻易改变服务器端的dataSource。

如果无法更改搜索的工作方式,那么可能有一种方法可以在将dataSource从服务器加载到客户端后对其进行更改?

1 个答案:

答案 0 :(得分:0)

我不确定这对你是否会有所帮助,但我能够强迫它发挥作用。该控件允许您在init上订阅过滤事件。从这里开始,您可以在提交之前设置过滤器的值。

<script>
$("#dropdownlist").kendoDropDownList({
    dataSource: ["/Apples", "/Oranges"],
    template: function(t) { return t.slice(1); },
    valueTemplate: function(t) { return t.slice(1); },
    optionLabelTemplate : function (t) { return t.slice(0); },
    filter: "startswith",
    filtering: function(e) {
        e.filter.value = '/'+e.filter.value;
    }
});
</script>