jQWidgets Forums

jQuery UI Widgets Forums Angular checkboxes on jqxDropDownList in jqxForm

This topic contains 2 replies, has 3 voices, and was last updated by  BlackThunder 5 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • checkboxes on jqxDropDownList in jqxForm #107577

    glenn
    Participant

    Hi,

    How do I show checkboxes within the dropdowlist on the jqxform?
    {
    bind: ‘dropdownValue’,
    type: ‘option’,
    label: ‘Drop down list’,
    labelPosition: ‘left’,
    labelWidth: ‘30%’,
    align: ‘left’,
    width: ‘250px’,
    required: true,
    component: ‘jqxDropDownList’,
    options: [
    { label: ‘Option 1’, value: ‘value1’ },
    { label: ‘Option 2’, value: ‘value2’ },
    { label: ‘Option 3’, value: ‘value3’ }
    ]
    },
    Thanks

    checkboxes on jqxDropDownList in jqxForm #107601

    Peter Stoev
    Keymaster

    Hi,

    The form has getComponentByName method. It allows you to get the component and then you can set its settings through the given component’s API options.

    Regards,
    Peter

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

    checkboxes on jqxDropDownList in jqxForm #107606

    BlackThunder
    Participant

    Hi,

    I was watching this topic, because there is no documentation for jqxform under angular. Suggested solution is working, for that

    – a name attribute need to be added to control definition in the template (say name: ‘state_dropdownlist’)
    – following code will do the needed

    let comp = this.myform.getComponentByName('state_dropdownlist');
    comp.jqxDropDownList({"checkboxes": true});

    Regards,
    BlackThunder

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

You must be logged in to reply to this topic.