jQWidgets Forums

jQuery UI Widgets Forums Grid Grid Editors (Dropdown, ComboBox and Autocomplete)

This topic contains 1 reply, has 2 voices, and was last updated by  Peter Stoev 12 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • DavidSimmons
    Participant

    I have been trying to move a large application from jqGrid to jqWidgets. The only area that is holding me back from completing this move is Datagrid editors. By that, I a talking about Dropdown, ComboBox, and Autocomplete editors. Most of my grids have a one to many relation with other tables so I store a reference id in the current table. So in all cases I would be using JSON to provide Index, Value to the editor. This maybe supported now, but from the examples and documentation I have not be successful getting this to work. I would think this be critical for any business app. The main reason for wanting to move is the variety and the number of widgets available, documentation, and support. I am trying to find out if and when you might enhance the Datagrid editors. I found one reference in the Forums to October but your Roadmap does not reflect this. I would appreciate any information as to datagrid editor updates and or any help achieving this task currently.


    Peter Stoev
    Keymaster

    Hi David,

    ComboBox editor will be available in version 2.5 of jQWidgets which will be released this month. Auto-Complete editor is not planned as we do not have auto-complete widget. The functionality available in auto-complete is already available in the ComboBox so it should cover the required behavior of the auto-complete. In addition, the Data Source of the DropDownList editor can be changed on demand by using the column’s createditor callback function which is called when the editor is initialized.

    The following example demonstrates how to replace the default data source of the DropDownList editor. The code snippet is from the Grid’s API Documentation.

    { text: 'Product', columntype: 'dropdownlist', datafield: 'productname', width: 177,
    createeditor: function (row, cellvalue, editor) {
    var dataSource = ['Cappuccino', 'Caramel Latte', 'Caffe Espresso'];
    editor.jqxDropDownList({source: dataSource });
    }
    }

    To use JSON data source with jqxDropDownList, please take a look at this sample: bindingtojson.htm.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

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

You must be logged in to reply to this topic.