extjs列排序和排序箭头图标

Question

我有一个项目清单.单击列标题时,列将进行排序,列标题中将显示排序箭头图标.但是,即使在过滤记录之后,该列也会保留排序和排序箭头图标(通过在过滤器文本字段中输入文本并按"过滤器"按钮).我希望每次过滤记录时都会从列中删除排序和排序箭头图标.我发现了一些关于在网格重新加载时清除排序箭头图标的帖子(请参阅下面的链接).但是我怎样才能将这个应用到我的情况中呢？任何提示将非常感激.

http://www.sencha.com/forum/showthread.php?48437-Help-How-to-remove-sort-field-when-reload-grid

http://www.sencha.com/forum/showthread.php?3098-Clear-grid-s-sort-arrow-icon

Answer 1

在Ext JS 4.x中,您可以在筛选之前清除网格上的分拣机.

grid.store.sorters.clear();
grid.store.filter("name", "Lisa");

这是一个工作小提琴:

http://jsfiddle.net/Vandeplas/5aKdc/

更新:

如果您不过滤/进行更改,可以使用以下命令强制UI更新:

grid.view.refresh();

示例:http://jsfiddle.net/Vandeplas/5aKdc/3/