jQuery UI Widgets Forums Getting Started how to change the text of jqxcombobox inside the grid status bar

This topic contains 1 reply, has 2 voices, and was last updated by  Christopher 7 years, 7 months ago.

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

  • takwaicheng

    How can I change the text of jqxcombobox in its Status Bar?

    renderstatusbar: function (statusbar) {
    var combo = $(“<div style=’font-size: 12px; font-family: Verdana;float: left; margin-top: 1px; margin-left: 4px;’ id=’combocity’></div>”);
    var source = new Array();
    var city = ‘SLC’;
    var cityid = ‘1’;
    source[0] = { city: city, cityid: cityid };
    var city = ‘LAX’;
    var cityid = ‘2’;
    source[1] = { city: city, cityid: cityid };
    var dataAdapter = new $.jqx.dataAdapter(source, { async: false });
    combo.jqxComboBox({selectedIndex: 0, source: dataAdapter, displayMember: “city”, valueMember: “cityid”, width: 65, height: 25});

    $(“#changeCombo”).on(‘click’, function (event) {
    document.getElementById(‘combocity’).value = ‘LAX’;


    Hi takwaicheng,

    If you just want to change the selection(the actual value) of the jqxComboBox, you can do that by calling the selectItem method of the widget. If you just want to change the visible label of the item in the ComboBox, then you need to create a new source with datafields: ‘label’ – the new text you want to see as an option and ‘value’ – the field that has the value. Here’s how to do that:

    The demo shows how to do it with jqxDropDownList, but the same can be accomplished with a jqxComboBox.

    In future please post your questions in the corresponding section of the forum( in this case, the jqxComboBox section).

    Best Regards,

    jQWidgets Team

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

You must be logged in to reply to this topic.