Question

在刷新列表中的数据时，如何在kendoMobileListView列表中选择项目后清除（清空）可过滤输入字段？

我尝试在点击事件之后手动清空输入字段并刷新列表视图数据：

$myListView.kendoMobileListView({
    dataSource: new kendo.data.DataSource({
    // my data source
    }),
    filterable: {
        field: 'SearchField',
        operator: 'contains'
    },
    click: function (e) {
        // do some stuff with 'e'

        // Clear the input search input box
        $('#the-filterable-input-field').val('');
        $myListView.data('kendoMobileListView').refresh();
    }
});

这会清空可过滤的输入字段，但无法刷新列表中的数据。我正在寻找在可过滤输入字段中输入内容后单击“X”的效果。

任何帮助将不胜感激！

解答：

当您开始输入可过滤输入字段时，会显示“X”。单击此“X”元素时，它会清除可过滤的输入字段，并刷新关联的项目列表。所以我的问题的答案是：只需创建一个单击“X”元素的触发器：

($the-x-element).trigger('click');

Answer 1

尝试使用此代替刷新列表视图。希望这会对你有所帮助。

 var listview= $myListView.data('kendoMobileListView');
 listview.dataSource.filter({});

在Kendo UI Mobile kendoMobileListView中，在选择列表中的项目后清除可过滤的输入字段

1 个答案: