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

How do I access the datafields in the source object of a jqxlistbox

本文关键字：对象 数据 字段 jqxlistbox 何访问 访问      更新时间：2023-09-26

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

我想以字符串的形式访问源对象中的数据字段，以便将它们连接起来，这样我就可以将结果字符串设置为jqxListBox的displayMember属性。我试过在源代码上调用ToString()。数据字段[x]数组，但这也不起作用。

我不确定这里的术语是否正确。谢谢你给我的帮助。

代码如下:

<!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>

我认为jqxDataAdapter插件的"beforeLoadComplete"回调将帮助您通过插件定制加载的数据。有关该函数的更多信息，请参阅:jqxDataAdapter插件

相关文章：