Usage of "selectionRenderer"

[binfchParticipant]

Hi there

What is the correct usage of “selectionRenderer” in a jqxDropDownList?

I tried to assign some HTML to “htmlString”, dut that does not seem to work.

  var listInputMode = [
    "Text",
    "Mask",
    "Voice"
  ];
  $("#inputMode").jqxDropDownList({
    width: 65,
    height: 24,
    autoDropDownHeight: true,
    theme: 'classic',
    source: listInputMode,
    autoOpen: false,
    selectedIndex: 1,
    selectionRenderer: function (htmlString) {
      return '<div style="position: relative; margin-left: 3px; margin-top: 5px;">' + htmlString + '</div>';
    }
  });

Thanks & cheers,
Peter

[DimitarParticipant]

Hello binfch,

Here is how to get the selected element’s string and use it in the selectionRenderer callback function:

                    selectionRenderer: function (htmlElement) {
                        var htmlString = htmlElement[0].innerHTML;
                        return '<div style="position: relative; margin-left: 3px; margin-top: 5px;">' + htmlString + '</div>';
                    }

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts