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

在刷新列表中的数据时，如何在选择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”元素的触发器：

---

请尝试此操作，而不是刷新listview。希望这对你有帮助

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

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