javascript - jqxTreeGrid 如果我单击该行中的特定单元格，则禁用选择/取消选择该行

Question

我正在研究jqxTreeGrid 。我有一排有四个字段。姓名、组织、电话和选择首选项(这是一个下拉列表)。现在，当我单击特定的行/单元格时，它会选择该行，并将行数据保存到本地数组。

我的问题是第四列。如果我单击该列(下拉列表)，我不希望触发 rowSelect 事件，原因如下:

1. 它会取消选择所有先前选择的行，我当然不希望发生这种情况。
2. 它选择一行，但我的目的是设置该行的下拉列表的值。

我希望什么都不会发生，因为我只是从首选项下拉列表中选择值。

我浏览了这篇文章:JQGrid Not select row when clicking in a particular cell但这没有帮助，因为 jqxTreeGrid 没有此方法。

我尝试了以下方法，但它对我不起作用。

$('#ad_sendAlert_jqxGrid').on('rowClick',function(event){

                        // event args.
                        var args = event.args;
                        // row data.
                        var row = args.row;
                        // row key.
                        var key = args.key;
                        // data field
                        var dataField = args.dataField;

                        if(dataField === 'alertpreference'){
                            event.preventDefault();
                            //event.stopPropagation();
                            return false;
                        }
                });

这是我的 rowSelect 方法:

$('#ad_sendAlert_jqxGrid').on('rowSelect',function(event){
       // event args.
        var args = event.args;
        // row data.
        var row = args.row;
        // row key.
        var key = args.key;

        if(row.level !== 0){                            
            var selectedUser = self.tempUserList[row.id];                            
            self.addUserToList(selectedUser);
        }                    
        self.renderUserCount();


});

Answer 1

看起来 jqxTreeGrid 有 selectionMode选项。将其值设置为“自定义”将禁用单击时选择行的默认行为。只有 API 才能选择行。

$('#treeGrid').jqxTreeGrid({selectionMode: "custom" });