ejGrid - Page Settings

[dhirendra]

How to set PagerStyle and PagerPosition ?

Is following syntax is correct or wrong? 

 $("#Grid").ejGrid({

                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) {

                    $("#btn").ejButton({

                        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>

  </script>

[Seeni Sakthi Kumar Seeni Raj]

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. 

https://www.syncfusion.com/account/login 

Regards, 

Seeni Sakthi Kumar S.