jQWidgets Forums

Hello,

I am struggling with jqxInput and select handling of its select event.
I used a code below to make an autocomplete function – it works – but when I want to get information about selected item I have a problem.

The code:

        
<asp:TextBox ID="edUserName" runat="server" Width="250px" CssClass="editbox"></asp:TextBox>

$('#<%=edUserName.ClientID %>').jqxInput({displayMember: "KDO", valueMember: "BARVA",
            placeHolder: "Enter a Customer name", height: 23, width: 200, minLength: 1, theme: 'ui-redmond',
            source: function (query, response) {
                var dataAdapter = new $.jqx.dataAdapter
                (
                    {
                        datatype: "json",
                        datafields: [
                            { name: 'KDO', type: 'string' },
                            { name: 'BARVA', type: 'string' },
                            { name: 'FIRMA', type: 'string' }
                    ],
                        url: 'GetCustomers.aspx'
                    },
                    {
                        autoBind: true,
                        formatData: function (data) {
                            data.query = query;
                            return data;
                        },
                        loadComplete: function (data) {
                            if (data.length > 0) {
                                response($.map(data, function (item) {
                                    return item.KDO;
                                }));
                            }
                        }
                    }
                );
            }
        });

    $('#<%=edUserName.ClientID %>').on('select', function (event) {
        if (event.args) {
            var item = event.args.item;
            if (item) {
                var barva = new $.jqx.color({ hex: int2hex(255) });
                $("#colorPicker").jqxColorPicker('setColor', '#' + int2hex(255));
                $("#dropDownButton").jqxDropDownButton('setContent', getTextElementByColor(barva));

            }
        }
    });

When I debug a select event I still have no item object. I get only event.args object with members label and value. There is no event.args.item object.

Thank you.

Best regards,

Milan Kotaska