Kendo ui 剑道自定义小部件过滤器

我正在尝试构建一个自定义小部件，可以在剑道网格中用作自定义过滤器。我想做的是将多个输入框连接回一个字符串。下面的控件替换了当前的inputbox，但我无法将自定义小部件中的值绑定回筛选器。我有什么遗漏吗

 (function () {

   var ui = window.kendo.ui,
        Widget = ui.Widget;

    var CustomFilter = Widget.extend({

        init: function (element, options) {
            var that = this;

            Widget.fn.init.call(that, element, options);

            var e = $(element);

            e.wrap("<span></span>");
            e.parent().append('<input type="text" style="width:3em;" />');
            e.parent().append('<input type="text" style="width:3em;" />');

            e.parent().on('keyup', 'input', function () {
                //Set Value?
            });

            e.hide();
        },
        options: {
            name: "CustomFilter"
        }
    });

    ui.plugin(CustomFilter);

}());

var columns = [{ 'field': 'FieldName', title: 'FieldName', filterable: { ui: "customfilter" } } ];

（函数（）{
var ui=window.kendo.ui，
Widget=ui.Widget；
var CustomFilter=Widget.extend({
init：函数（元素、选项）{
var=这个；
Widget.fn.init.call（即，元素，选项）；
变量e=$（元素）；
e、 包裹（“”）；
e、 parent（）.append（“”）；
e、 parent（）.append（“”）；
e、 父项（）。在（'keyup'，'input'，function（）上{
//设定值？
});
e、 隐藏（）；
},
选项：{
名称：“自定义筛选器”
}
});
插件（自定义过滤器）；
}());
var columns=[{'field'：'FieldName'，title:'FieldName'，filterable:{ui:'customfilter}}]；

到底是什么问题？我无法获取要绑定回筛选器的值。我尝试过更新绑定到过滤器的原始输入，但不起作用。