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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ejGrid - Page Settings

Thread ID:

Created:

Updated:

Platform:

Replies:

124358 Jun 3,2016 11:25 AM UTC Jun 6,2016 06:34 AM UTC JavaScript 1
loading
Tags: ejGrid
dhirendra
Asked On June 3, 2016 11:25 AM UTC

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 [Syncfusion]
Replied On 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. 


Regards, 
Seeni Sakthi Kumar S. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;