Accessing widgets drawn inside statusbar

[omargarroParticipant]

Hi, how can I get the value of jqxDropDownList drawn in grids statusbar ?
I need to get “yearSelector” value (from outside the grid code) and reload the grid passing yearSelector value to the adapter.url php script.

I tried: $(“#y_selector”).val() with no luck.

renderstatusbar: function(statusbar) {
   var code = '<div style="margin:5px; padding:3px; padding-top:9px; float:left;">Records: <b><span id="counterGridRecords" class="counters">' + $("#gridCounters").jqxGrid('getrows').length + '</span></b></div>';
   var xlsButton = $("<div style='float: left; margin-top:5px; margin-left: 5px;' title='Export to XLS'><img style='position: relative; margin-left: -1px; width:18px;' src='./img/xls_icon.gif'/></div>");
   var yearSelector = $("<div id='y_selector' style='float: left; margin-top:5px; margin-left: 5px;'></div>");
   statusbar.append(code).append(xlsButton).append(yearSelector);
   yearSelector.jqxDropDownList({ theme: theme, source: ['2023', '2022', 2021'], width: 70, height: 25, dropDownHeight: 150});

thank you

[svetoslav_borislavovParticipant]

Hi,

This happens because the dropdown does not have a selected value upon initialization.
See this example in which I can get the value with the val() method after clicking the button.

http://jsfiddle.net/up8by0xa/2/

Best regards,
Svetoslav Borislavov

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

[Author]

Posts