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.
Unfortunately, activation email could not send to your email. Please try again.

ejGrid - Page Settings

Thread ID:

Created:

Updated:

Platform:

Replies:

124358 Jun 3,2016 07:25 AM Jun 6,2016 02:34 AM JavaScript 1
loading
Tags: ejGrid
dhirendra
Asked On June 3, 2016 07:25 AM

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 02:34 AM

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.

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.

;