We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

ejGrid - Page Settings

How to set PagerStyle and PagerPosition ?

Is following syntax is correct or wrong? 

                dataSource: dataManger,//eval(newdata),
                allowPaging: true,
                enableAltRow: true,
                allowSorting: true,
                allowFiltering: true,
                editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true, editMode: "batch" },
                filterSettings: { filterType: "menu" },
                pageSettings: { pageSize: 20, enableTemplates: true, template: "#pagerTemplate", showDefaults: false, showPagerInformation: true, pagerStyle: "PagerStyle.DefaultManual" },
                create: function (args) {
                        click: "btnClick"
                columns: [
                            { field: "UNIQUESRL", headerText: "UNIQUESRL", textAlign: ej.TextAlign.Center, visible: false, isPrimaryKey: true, editType: ej.Grid.EditingType.Numeric },
                            { field: "EMPID", headerText: "Employee ID", textAlign: ej.TextAlign.Right },
                            { field: "EMPNAME", headerText: "Employee Name" },
                            { field: "EMPDOJ", headerText: "Date of Joining", format: "{0:MM/dd/yyyy hh:mm:ss tt}", type: "date", editType: ej.Grid.EditingType.DateTimePicker },//textAlign: ej.TextAlign.Right, width: 75, format: "{0:C}"
                            { field: "EMPSAL", headerText: "Employee Salary", format: "{0:c3}", editType: ej.Grid.EditingType.Numeric, editParams: { decimalPlaces: 3 } },
                            { field: "Permanent", headerText: "Permanent", editType: ej.Grid.EditingType.Boolean, visible: true, displayAsCheckBox: true, EnableTriState: true },

 <script id="pagerTemplate" type="text/x-jsrender">
        <button id="btn">Go to page: </button>
        <input id="currentPage" type="text" style="text-align: center; width: 32px; height: 21px; background: white;" value="1" />
        <label id="pageDetails" />label>

1 Reply

SS Seeni Sakthi Kumar Seeni Raj Syncfusion Team June 6, 2016 06:34 AM UTC

Hi Dhirendra, 

We have considered your requirement as a feature and also we could see that you have created an incident for this. So please login to our support page as given below and follow up the incident for further updates. 

Seeni Sakthi Kumar S. 

Live Chat Icon For mobile
Up arrow icon