Extjs:清除项目选择器中的选择

时间:2018-11-02 07:21:27

标签: extjs itemselector

我所拥有的是一个项目选择器,其中的可用用户和分配的用户为两个不同的列。单击可用用户中的任何用户并单击其他菜单选项时,仍显示从可用用户列中选择的用户。单击其他菜单后如何清除选择?

以下是在特定菜单下进行选择时屏幕的外观:

enter image description here

这是在选择其他菜单之后的再次选择:enter image description here

我尝试访问存储区和clearValue()和setValue(''),这不是正确的解决方案,并且我无法访问selecitonModel在此处执行clearSelections()。

如何在单击菜单后清除选择?

非常感谢您的帮助,非常感谢。

2 个答案:

答案 0 :(得分:1)

您可以在“角色视图”的侦听器getSelectionModel().deselectAll()中使用“用户视图”的select方法(要清除选择)。当选择其他菜单时,这将导致所有用户记录选择被删除。请参阅文档:getSelectionModeldeselectAll

示例:

{
    xtype: 'dataview',
    .
    .
    .

    listeners: {
        select: function(dataview, record, index, eOpts){
            dataview.view.up('viewport').down('#usersView').getSelectionModel().deselectAll();
        }
    }
}

在侦听器内,它执行从目标视图中取消选择所有记录的方法。

这些方法通常在具有选择行为的组件中找到,例如grid

查看这个小提琴:Deselect DataView Items

答案 1 :(得分:0)

store.removeAll();

这就是您要寻找的