How to display the row index using jsRender?

xia

Asked On September 19, 2019 08:02 AM UTC

I have read a post of this problem, and I have used the plan. But when I clicked next page, the index has been 1 for start again, it's totally out of my expectation.

Does have any way to display the rowIndex to continually to the next page without changing my grid datasource?

Thank you

Reply | Reply with quote

Manivannan Padmanaban [Syncfusion]

Replied On September 20, 2019 03:53 PM UTC

Hi Xia

Thanks for contacting Syncfusion Support.

Query: Does have any way to display the rowIndex to continually to the next page without changing my grid datasource?

Using templateRefresh event we can achieve your requirement, In the templateRefresh event of the Grid, we have calculated the Index value based on pageSize and currentPage of the records along with rowIndex. This event will re-render automatically, when any grid action is performed. So while moving to the next page it will update the rowIndex based on pageSize and currentPage of pageSettings property.

Please refer to the code example:-

</script>

$(function () {

// the datasource "window.gridData" is referred from jsondata.min.js

var data = ej.DataManager(window.gridData).executeLocal(ej.Query().take(50));

$("#Grid").ejGrid({

dataSource: data,

allowPaging: true,

allowSorting: true,

isResponsive: true,

columns: [

{ headerText: "RowIndex", template: true, templateID: "#columnTemplate", textAlign: "center", width: 110 },

. . .

],

templateRefresh:"refresh",

});

function refresh(args) {

Index = (this.model.pageSettings.pageSize * (this.model.pageSettings.currentPage-1)) + args.rowIndex + 1;

$(args.cell).find("span").text(Index);

}

</script>

Please refer to the sample and documentation link:-

http://jsplayground.syncfusion.com/w3xt1kh3

https://help.syncfusion.com/js/grid/columns#column-template

https://help.syncfusion.com/api/js/ejgrid#events:templaterefresh

Regards,

Manivannan Padmanaban.

Reply | Reply with quote

xia

Replied On September 24, 2019 02:47 AM UTC

Thank you Padmanaban, your code is woking fine :)

Reply | Reply with quote

Farveen Sulthana Thameeztheen Basha [Syncfusion]

Replied On September 24, 2019 09:52 AM UTC

Hi Xia,

Thanks for your update. Please get back to us if you need any further assistance.

Regards,

Farveen sulthana T

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
147669	Sep 19,2019 08:02 AM UTC	Sep 24,2019 09:52 AM UTC	jQuery	3

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US