jQuery UI Widgets Forums Getting Started How to put jqxDropDownButton on jqxToolBar

This topic contains 3 replies, has 2 voices, and was last updated by  ajcs 3 years, 8 months ago.

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

  • ajcs

    I can see the example of how to use a jqxDropDownButton and the drop down content is inside the button’s selector div.

    I don’t understand how to use a jqxDropDownButton on a jqxToolBar because there is no selector div. How do I set the content of the drop down?

    Is there an example please?

    Peter Stoev

    Hi ajcs,

    This example: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtoolbar/javascript-toolbar-events.htm?light points out how to create custom components in the toolbar.

    Hope it helps.



    Thank you very much for your help so far but I have a problem to reference the control in the drop down. I can’t change anything on the control.

    Here is part of my toolbar init code:

    How do I set properties of ColChooser jqxListBox?

    case 7:
    tool.append(“<div style=’padding: 3px;’><div></div></div>”);
    ColChooser = tool.children().children();
    filterable: true,
    filterPlaceHolder: “Search”,
    searchMode: “containsignorecase”,
    width: 200,
    height: 200,
    checkboxes: true

    width: 100
    tool.jqxDropDownButton(‘setContent’, “Columns”);

    tool.on(‘open’, function () {
    // This event does fire I can debug into here
    // This does nothing
    $(“#” + ColChooser[0].id).jqxListBox(‘source’, MyDataSource);
    // This does nothing
    $(“#” + ColChooser[0].id).jqxListBox(‘filterPlaceHolder’, “test”);
    // This does nothing
    ColChooser.filterPlaceHolder = “test2”;
    // How do I set properties of ColChooser jqxListBox?

    • This reply was modified 3 years, 8 months ago by  ajcs.


    I fixed it I changed:
    ColChooser = tool.children().children();
    let ColChooser = tool.children().children();

    I already had the following higher up in the code so I don’t know why it fixed it
    let ColChooser;

    Maybe some sort of a scope issue but it makes no sense because when I debugged it the id was there
    $(“#” + ColChooser[0].id).jqxListBox(‘source’, MySource);

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

You must be logged in to reply to this topic.