Server side processing

[Vasily]

Hi, could you give an example of the server side processing? I have big data set I want to process all actions on the server. Under actions, I mean paging, sorting, and filtering. I created test grid, it's working, but it doesn't send any requests to the server when I click sort or anything else. I don't know how to trigger it. Could you give an example what will send to the server and how I need to prepare the response, something like this https://datatables.net/manual/server-side? Thank you

My test code:

        var dataManager2 = ej.DataManager({
            url: "/attribute-set/grid",
            crossDomain: true
        });
        dataManager2.adaptor = new ej.UrlAdaptor();
        var query = new ej.Query().take(5);
        var dataObj = dataManager2.executeQuery(query); //Request the webservice
        dataObj.done(function (e) {
            console.log(e.result);
            $("#grid2").ejGrid({
                dataSource: e.result.results,
                allowPaging: true,
                allowSorting: true,
                allowFiltering: true,
                columns: ["ID", "CreatedAt", "DeletedAt", "UpdatedAt", "Name"],
            });
        });

[Saravanan Arunachalam]

Hi Vasily, 

Thanks for contacting Syncfusion’s support. 

We have analyzed your provided code and you have set the dataSource of Grid as return data (Json) instead of set the ejDataManager instance which is the cause of the issue. Please refer to the below code example to overcome your reported issue. 

$(function () { 

        var dataManager = ej.DataManager({ url: "/Home/DataSource", adaptor: new ej.UrlAdaptor() }); 

        $("#Grid").ejGrid({ 

            dataSource: dataManager, 

            allowPaging: true, 

            filterSettings: {filterType: "menu"}, 

            allowFiltering: true, 

            allowSorting: true, 

            columns: [ 

                    { field: "OrderID", isPrimaryKey: true, headerText: "Order ID" }, 

                    { field: "EmployeeID", headerText: 'Employee ID' }, 

                    { field: "CustomerID", headerText: 'Customer ID' }, 

                    { field: "Freight", headerText: 'Freight', format: "{0:C}" }, 

                    { field: "ShipCity", headerText: 'Ship City' }, 

                     

            ] 

        }); 

    }); 

 

And also we have created a sample based on your requirement that can be downloaded from the below link. 

https://www.syncfusion.com/downloads/support/forum/132474/ze/URLadaptorJS_(4)1236925154  

And also refer the following knowledge base document to know more about server side data operation. 

https://www.syncfusion.com/kb/4300/server-side-api-for-datamanager-operations  

Regards, 

Saravanan A.       

[Vasily]

Thank you, it's working. It will be good to have info about server response somewhere in the documentation. In my case, it didn't work because I didn't know how to prepare server answer.

Server response should be a JSON which contains two fields:

count - a total of found records
results - an array of your columns data

Is it right?

[Saravanan Arunachalam]

Hi Vasily, 

Yes, we should return the data from server like object (which contains result and count) while using UrlAdaptor (DataManager instance) as a dataSource of Grid control. 

Regards, 

Saravanan A. 

[Vasily]

Ok, thank you

[Saravanan Arunachalam]

Hi Vasily,  

Thanks for your update.            

We are happy that the provided information helped you. 

Regards, 

Saravanan A.