Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Elin
205
Disable Input Field for Page Picker Dropdown
posted

I am using igGrid with paging and would like to disable the user input in the page picker dropdown. Preferably I would like the dropdown to work as a regular dropdown and the input field itself being readonly (so that the user cannot type a page number). I have tried applying the disabled HTML attribute to the page picker input field with no luck. If this is not possible I would like to disable the page picker dropdown completely.

  • 19693
    Suggested Answer
    posted

    Hello Elin,

    Thank you for posting in our community.

    You can handle pagerRendered event for the purpose:

    http://help.infragistics.com/jQuery/2013.2/ui.iggridpaging#events

    By default the current page dropDown isn't readOnly so you need to set it explicitly:

    features: [
     {
      name: 'Paging',
      type: "local",
      pageSize: 10,
      pagerRendered: function ( evt, ui )
      {
       var currentPageDropDown = ui.owner._curPageDD;
       currentPageDropDown.igEditor( "option", "readOnly", true );
       currentPageDropDown.igEditor( "option", "dropDownOnReadOnly", true );
      }
     }
    ]

    Let me know if you need further assistance.