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

- anitacynax

---

这些解决方案是针对 Ext 2.x 的，您使用的是哪个版本的 Ext？ - VDP

Answer 1

在 Ext JS 4.x 中，您可以在筛选之前清除网格上的排序器。

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

以下是一个工作的fiddle示例:

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

更新:

如果您不筛选或做出更改，您可以使用以下方法强制更新UI:

grid.view.refresh();

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

- VDP

---

我确实有一个问题。我已经在“清除筛选器”按钮的处理程序函数中放置了代码行（grid.store.sorters.clear（）;）。现在，如果存在筛选器并且我对一列排序，点击“清除筛选器”按钮不仅会删除筛选器，还会从列和列标题中删除排序和排序箭头图标。但是，如果没有筛选器存在，并且我在单击某列排序后单击“清除筛选器”按钮，则不会从列和列标题中删除排序和排序箭头图标。如何确保即使在这种情况下也清除排序器？ - anitacynax

过滤（或更改过滤）会更新UI，因此您可以触发UI更新（我马上会在我的答案中更新代码：） - VDP

Answer 2

在列模型中使用以下选项（ExtJs 3.4）

menuDisabled:true //there will be no any menu 
sortable:false // there will be menu but disabled sorting option

- Rohit Luthra