jQWidgets Forums

jQuery UI Widgets Forums Lists ComboBox Multi Column With Header Support

This topic contains 4 replies, has 2 voices, and was last updated by  RavikumarR 12 years, 6 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • Multi Column With Header Support #12573

    RavikumarR
    Member

    Hi,
    i tried to workout the Multi Column in Combo box. i got the solution using rendering method.
    but i need to work out header for combo columns . i cant work out this one. Kindly help me for this issue.

    With Regards,
    Ravikumar.R
    R & D

    Multi Column With Header Support #12574

    Peter Stoev
    Keymaster

    Hi Ravikumar,

    An example with a DropDown displaying Grid(multi-column table) in a Popup: dropdowngrid.htm

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Multi Column With Header Support #12575

    RavikumarR
    Member

    ya am using this is for dropdown ( with check box option ) . But in combo i need this option.
    because am using this dropdown button then i cant edit the header like auto complete and searching.

    Multi Column With Header Support #12577

    Peter Stoev
    Keymaster

    Hi Ravikumar,

    I understand, but you can’t replace the popup from the combobox with another widget. The jqxDropDownButton is the widget which you can use in such scenarios.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Multi Column With Header Support #12578

    RavikumarR
    Member

    am using this coding i need header for this

    $(document).ready(function () {

    $(document).ready(function () {
    var theme = getTheme();
    var url = “sampledata/customers.txt”;

    // prepare the data
    var source =
    {
    datatype: “json”,
    datafields: [
    { name: ‘CompanyName’ },
    { name: ‘ContactName’ }
    ],
    id: ‘id’,
    url: url,
    async: false
    };
    var dataAdapter = new $.jqx.dataAdapter(source);
    // Create a jqxComboBox
    $(“#jqxWidget”).jqxComboBox({
    selectedIndex: 0, source: dataAdapter, displayMember: “ContactName”, valueMember: “CompanyName”, width: 350, height: 25, theme: theme,
    renderer: function (index, label, value) {
    var datarecord = dataAdapter.originaldata[index];
    var table = ”;
    if (index == 0) {
    table = table + ‘SelectCodeCompany Name’;
    table = table + ”;
    table = table + ”;
    }
    table = table + ‘12345’ + datarecord.ContactName + ”;
    return table;
    }

    });
    table =”

    });
    })

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

You must be logged in to reply to this topic.