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
20
Iggrid open numeric keypad
posted

I want to open the numeric key pad when edit a numeric field using touch screen

Version  15.1.20151.2112

  • 23953
    Suggested Answer
    Offline posted

    Hello Harold,

    This functionality is available out of the box in 15.2 version due to the introduction of the new editors. For 15.1 you need to add type="tel" attribute to the input element of the editor.

    Here is how to do it in the igGrid.rendered event:

    rendered: function (evt, ui) {

    // finding the cell by id.

    var cell = ui.owner.cellById(parseInt($(ui.owner.rows()[0]).attr("data-id")), "Price");

    // adding type="tel" attribute to the editor

    $("#grid1").igGridUpdating("editorForCell", cell, true).find("input").attr("type", "tel");

    }

    Best regards,
    Martin Pavlov
    Infragistics, Inc.

    • 140
      Offline posted in reply to Martin Pavlov

      Hello Martin.

      Thanks for your answer.

      It is possible that you send an example using vr 15.2

      • 23953
        Offline posted in reply to Mauricio

        Hello Mauricio,

        In 15.2 you don't have to configure this functionality. It is available by default. You can check the following sample http://www.igniteui.com/grid/basic-editing. Enter edit mode and go to "Total Price" cell. You will see that the numeric keys will appear.

        Best regards,
        Martin Pavlov
        Infragistics, Inc.