jQuery UI Widgets Forums Grid Grid createwidget input

This topic contains 3 replies, has 2 voices, and was last updated by  Martin 4 years ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Grid createwidget input #111441

    dan123
    Participant

    I have this jqxgrid and i added a createwidget to insert a input tag. I am facing issue where whenever i scroll down or do any sorting, filtering, or refresh. the input field is acting strange.

    For example
    On grid lets say i entered in ‘Test’ in the Productname column, and if i start scrolling down. Notice the input fields scrolls down with it as well.

    When i scroll down it should scroll normally. If there is a workaround that will be helpful. I did try the createeditor method, but i don’t want to use that since i have to double click the cell to edit something.

    Here is my jsfiddle:
    http://jsfiddle.net/4sgw6afn/

    Grid createwidget input #111445

    Martin
    Participant

    Hello dan123,

    Please note that createwidget callback is used to create a custom read-only column which displays widgets in the cells.
    For your purpose you should use createeditor. You can set the grid’s editmode to ‘click’ so you don’t have to double click the cell to start editing.
    Please, take a look at the following Example.

    Best Regards,
    Martin

    jQWidgets Team
    https://www.jqwidgets.com/

    Grid createwidget input #111455

    dan123
    Participant

    Hi Martin
    So other reason why i wanted to do is because i have the row lines and column lines hidden. But is there
    Any way to make the last column ‘product name’ on the grid to have cell borders through CSS? So on readyonly and Edit modes atleast it looks like a input field

    Here is my jsfiddle:
    https://jsfiddle.net/so365wyv/2/

    • This reply was modified 4 years ago by  dan123.
    Grid createwidget input #111459

    Martin
    Participant

    Hi dan123,

    You could use cellsrenderer to display an input field in the Product column.
    Please, take a look at the following Example.

    Best Regards,
    Martin

    jQWidgets Team
    https://www.jqwidgets.com/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.