CODEWITHSUNDEEP
javascriptdojodojo.gridxgridx
ChrisB
ChrisB

Reputation: 55

Trigger function in moment column is sorted in GridX

I use SingleSort module with Gridx. I can't find (I already checked SingleSort documentation and found nothing) a way to react on sort event. I need info about which (and how) column is sorted. I know how get info about sorting (getSortData method) but i don't know how make react in moment sort is made. I can't made onRender-event function because after sorting i will send that info to webapi get new data and again render Grid so event will be triggered again.

define([
"dojo/Evented",
"dojo/_base/declare",
"dojo/store/Memory",
"gridx/core/model/cache/Sync",
"gridx/Grid",
"gridx/modules/ColumnResizer",
'gridx/modules/Focus',
'gridx/modules/RowHeader',
'gridx/modules/select/Row',
'gridx/modules/select/Column',
'gridx/modules/select/Cell',
"gridx/modules/SingleSort"
], function (Evented, declare, Memory, Cache, Grid, ColumnResizer, Focus, RowHeader, SelectRow, SelectColumn, SelectCell, Sort) {
return declare([Evented], {

    _counter: 1,

    _topOffset: 100,

    constructor: function () {
    },

    initialize: function () {
        this._initGrid();
        this._resizeGridContainer();
    },
    clear: function () {
        var store = new Memory({ data: [] });
        this._grid.setStore(store);

        this._counter = 1;
    },
    _initGrid: function () {
        var _this = this;

        var store = new Memory({
            data: []
        });
        var structure = [
            {
                id: 'operationType', field: 'operationType', name: dojo.byId(this._operationTypeId).value                   
            },
            {
                id: 'transportationType', field: 'transportationType', name: dojo.byId(this._transportationUnitTypeId).value
            },
            {
                id: 'transportationTypeLength', field: 'transportationTypeLength', name: dojo.byId(this._transportationLengthId).value
            }              
        ]

        this._grid = Grid({
            id: this._gridId,
            cacheClass: Cache,
            store: store,
            structure: structure,
            modules: [
                ColumnResizer,
                Sort
            ],
            selectRowTriggerOnCell: true
        });
        this._grid.placeAt(this._gridPlaceholderId);
        this._grid.startup();
    },

    _resizeGridContainer: function () {
        var _this = this;
        var container = dojo.byId(this._gridContainerId);
        var height = container.parentElement.clientHeight - this._topOffset;

        require(["dojo/dom-style"], function (domStyle) {
            domStyle.set(_this._gridContainerId, "height", height + "px");
        })
    },
});
});

Upvotes: 0

Views: 199

Answers (1)

bajji
bajji

Reputation: 1291

you need to tap on to the gridx SingleSort module sort method like this

 this._grid.connect( this._grid.Sort, 'sort', function(colId, isDescending, skipUpdateBody){
        alert(colId+" "+isDescending+" "+skipUpdateBody);
    });

this will trigger the event whenever a grid column is sorted. Hope this helps.

Upvotes: 0

Related Questions