25
Row Selection Only Works Once
posted

Hello,

I am experiencing the same issue described in these topics:

https://www.infragistics.com/community/forums/f/ignite-ui-for-javascript/108260/iggrid-row-selector

https://www.infragistics.com/community/forums/f/ignite-ui-for-javascript/97078/iggrid-iggridselectionrowselectionchanged-only-fires-once

The grid allows me to make the first selection just fine. However, after the first selection, clicking on any other rows fails to change the selection.

When I change to cell selection, this issue does not occur. My features are:

{
        name: "Resizing",
        allowDoubleClickToResize: true,
        columnResized: function (evt, args) {
            // TODO Save column widths.
        }
},                  
{
    name: "ColumnMoving",
    columnMoved: function (evt, args) {
        var columns = $("#" + gridManager.gridKey).igGrid("option", "columns");
        gridManager.saveColumns(gridManager.layouts.selectedLayout, columns);
    }
},
{
    name: "Paging",
    type: "local",
    //pageIndexUrlKey: "pageNumber",
    //recordCountKey: "Data.TotalNumberOfRecords",
    //pageSizeUrlKey: "ItemsPerPage",
    pageSizeDropDownLocation: "inpager",
    pageSizeList: [25, 50, 100, 150, 200],
    pageSize: gridManager.getPageSize(),
    pageSizeChanged: function (evt, ui) {
        gridManager.savePageSize(gridManager.layouts.selectedLayout, ui.pageSize);
    },
    pagerRendered: function (evt, ui) {
        gridManager.defaultTableStyle(evt, ui);
    }
},
{
    name: "Sorting",
    type: "local",
    // sortUrlKey: "orderBy",
    // sortUrlkeyAscValue: "asc",
    // sortUrlkeyDescValue: "desc",
    columnSorted: function (evt, ui) {
        var columnSettings = $("#" + gridManager.gridKey).igGridSorting('option', 'columnSettings');
        gridManager.saveSorting(gridManager.layouts.selectedLayout, columnSettings);
    },
    columnSettings: gridManager.getSorting()
},
{
    name: "Filtering",
    allowFiltering: true,
    caseSensitive: false,
    mode: settingsService.getFilterMode(),
    columnSettings: [
        //{ columnKey: "ServiceAlertDate", allowFiltering: false },
    ],
    dataFiltered: function (evt, ui) {
        gridManager.saveFilters(gridManager.layouts.selectedLayout, ui.expressions);
    }
},
{
    name: "Selection",
    mode: "row",
    multipleSelection: false,
    cellSelectionChanging: function (evt, ui) {
        console.log("test");
    },
    cellSelectionChanged: function (evt, ui) {
   }
},
{
    name: "ColumnFixing",
    columnFixing: function (evt, args) {
        for (i = 0; i < $("#" + gridManager.gridKey).igGrid('rows').length; i++) {
            var row = $("#" + this.id).igGrid("rowAt", i);
            // even rows
            if (i % 2 === 0) {
                $(row).css("background-color", "#FFFFFF");
            }
            // odd rows
            else {
                $(row).css("background-color", "#F5F5F5");
            }
        }
    }
}

Possibly a related issue, if I click off of the grid anywhere (ex, the scrollbar), the selected row deselects.

I am using Infragistics 17.1. Is there a solution to this issue?