javascript - 使用 JSON 的 JQXMenu 数据绑定

Question

我正在开发一个应用程序，我需要从文本文件中获取菜单项。我是 JQX 的新手。但是在显示记录时，它什么也没显示。

我的文本文件（LeftMenu.txt）如下：

[{
 "text": "Menu1",
                "id": "1",
                    "parentid": "-1"
 }, 

{
 "text": "Menu2",
                "id": "2",
                    "parentid": "-1"
},

{
 "text": "Menu3",
                "id": "3",
                    "parentid": "-1"
 }
]

==================================================== =========================

代码在这里

// prepare the data for Left Menu
        var urlleftpanel = "../../Public/sampledata/leftmenu.txt";

        var sourceleftmenu =
              {
                  datatype: "json",
                  datafields: [
                               { name: 'id' },
                               { name: 'parentid' },
                               { name: 'text' }
                  ],
                  id: 'id',
                  url: urlleftpanel
              };

        // create data adapter.
        var dataAdapter1 = new $.jqx.dataAdapter(sourceleftmenu);
       // perform Data Binding.
        dataAdapter1.dataBind();        

        var records = dataAdapter1.getRecordsHierarchy('id', 'parentid', 'items', [{   name: 'text', map: 'label' }]);
        var records = da.records;
        $('#jqxWidget').jqxMenu({ source: records , height: 53, theme: theme, width: '95px' });

==================================================== ==================================== 非常急请大家帮忙

提前致谢

Answer 1

尝试在源对象中设置 async: false 。

 var sourceleftmenu =
              {
                  datatype: "json",
                  async: false,
                  datafields: [
                               { name: 'id' },
                               { name: 'parentid' },
                               { name: 'text' }
                  ],
                  id: 'id',
                  url: urlleftpanel
              };