JQXMenu数据绑定与JSON

时间:2012-10-19 16:35:12

标签: javascript jquery

我正在开发一个应用程序,我需要从文本文件中获取菜单项。 我是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' });

=============================================== ====================================== 请帮助它非常紧急

先谢谢

1 个答案:

答案 0 :(得分:0)

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

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