jqxTreeGrid Disable selecting / deselecting of a row if I click a particular cell in that row
<p>I am working on <a href="http://jqwidgets.com/jquery-widgets-demo/demos/jqxtreegrid/index.htm#demos/jqxtreegrid/javascript-tree-grid-context-menu.htm" rel="nofollow noreferrer">jqxTreeGrid</a>. I have a row with four fields. Name, Org, Phone and Select Preference (This is a dropdown). Now when ever i click on a particular row / cell, it selects that row and i save the row data to a local array. </p>

<p>My problem here is the 4th column. If i click on that column (dropdown) i don't want the rowSelect event to be fired because of the following reasons:</p>

<ol>
<li>It deselects a all previously selected rows which I ofcourse don't want to happen.</li>
<li>It selects a row but my intention is to set the value of dropdown for that row.</li>
</ol>

<p>I want nothing should happen as i am only selecting the value from preference dropdown.</p>

<p>I went though this post : <a href="https://stackoverflow.com/questions/5967754/jqgrid-not-select-row-when-clicking-in-a-particular-cell?lq=1">JQGrid Not select row when clicking in a particular cell</a> but it is not helping as jqxTreeGrid doesnot have this method.</p>

<p>I tried the following approach but its not working for me.</p>

<pre><code>$('#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;
                        }
                });
</code></pre>

<p>And this is my rowSelect method:</p>

<pre><code>$('#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();


});
</code></pre>