Question

我正在尝试将JQXListbox绑定到JSON数据并在结果中显示两个字段。

我想将源对象中的数据字段作为字符串进行访问，以便将它们连接起来，这样我就可以将结果字符串设置为jqxListBox的displayMember属性。我尝试在source.datafields [x]数组上调用ToString（），但这也不起作用。

我不确定那里的术语是否正确。感谢您提供任何帮助。

这是代码。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="scripts/jqwidgets/styles/jqx.base.css" rel="stylesheet" type="text/css">
        <link href="scripts/jqwidgets/styles/jqx.classic.css" rel="stylesheet" type="text/css">
        <script src="scripts/jquery-1.9.1.js" type="text/javascript"></script>
        <script src="scripts/jqwidgets/jqxcore.js" type="text/javascript"></script>
        <script src="scripts/jqwidgets/jqxbuttons.js" type="text/javascript"></script>
        <script src="scripts/jqwidgets/jqxscrollbar.js" type="text/javascript"></script>
        <script src="scripts/jqwidgets/jqxdata.js" type="text/javascript"></script>
        <script src="scripts/jqwidgets/jqxlistbox.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="jqxlistbox"></div>
        <script type="text/javascript">
            var string;

            $(document).ready(function() {

                // prepare the data
                var source =
                        {
                            datatype: "json",
                            datafields: [
                                {name: 'firstname'},
                                {name: 'lastname'}
                            ],
                            url: 'my url is here'

                        };
                        string = source.datafields[0] + source.datafields[1];
                        alert(string);
                var dataAdapter = new $.jqx.dataAdapter(source);

                $("#jqxlistbox").jqxListBox(
                        {
                            source: dataAdapter,
                            theme: 'classic',
                            width: 200,
                            height: 250,
                            displayMember: 'string',
                            valueMember: 'firstname'
                        });
            });

        </script>
    </body>
</html>

Answer 1

我认为jqxDataAdapter插件的“beforeLoadComplete”回调将帮助您通过插件自定义加载的数据。有关该功能的更多信息，请查看：jqxDataAdapter plug-in

如何访问jqxlistbox的源对象中的数据字段

1 个答案: