Selected item style stay when calling set_selected(false)

[Marc-André]

Hi!

We are using a RadGrid to display some elements... In the "ClientSettings" section, we added "<ClientEvents OnRowClick="rowClick" />" to call a JS function when a row is clicked...

In that function, we have some code that checks if the row that the user just clicked was already selected. If it was, it calls the method "set_selected(false)" on the selected element and disable buttons.

This is working perfectly with IE8... But won't work in Chrome, Firefox, or IE10... In those browser, the element is actually unselected, but the selected style stays. So the row looks like it's still selected. I also tried to call "clearSelectedItems()" on the radgrid and i have the same problem... Any workaround / plans to resolve this problem?

[Shinu]

Hi,

I guess you are setting some styles on the selected row,and that's not removed on row deselect.Please have a look at the sample code that i have tried,i have set a CSS for the selected item and on deselect  its removed.If this doesn't help,please provide your full code.

ASPX:

<ClientSettings>
    <Selecting AllowRowSelect="true" />
    <ClientEvents OnRowSelected="RowClick" />
</ClientSettings>

JS:

<script type="text/javascript">
    function RowClick(sender, eventArgs) {
        var grid = sender;
        var MasterTable = grid.get_masterTableView();
        var length = MasterTable.get_selectedItems().length;
        var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
        if (row._selected) {
            alert("Selected");
            row._selected = true;
            for (var i = 0; i < length; i++) {
                alert("Deselected");
                MasterTable.deselectItem(MasterTable.get_selectedItems()[i].get_element());
            }
        }
    }
</script>

CSS:

<style type="text/css">
 .RadGrid_Default .rgSelectedRow td
    {
       color: red;
    }
</style>

Thanks,
Shinu

[Marc-André]

Got it!

Since the selection is limited to 1 row, we were only deselecting the first selectedIndex (at index 0)...

It looks like if the user click on row X a first time... then few seconds later click a second time on the same line, get_selectedItems() will return two items (2x the same) insted of just one... Using a "for" statement to deselect all items worked...

Thanks!