Tree Issue using url json data

[DavidSimmonsParticipant]

Can some help me with a JSON URL Tree. I Have and example below of my Tree using both local data and URL data. The JSON is the same for each but I cant seem to get the URL version to work. I have included source code for both….

I would appreciate any help.

http://www.digitalconceptdesigns.com/Tree/Tree.php

[DimitarParticipant]

Hello DavidSimmons,

Please take a look at the demo Load on Demand with Ajax. Your source should be returned in the same format as in the Ajax example, for the tree may initialize correctly.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[DavidSimmonsParticipant]

Could you explain in more detail. I really don’t understand what ajax.htm contents looks like.

In the other example I used, the data make more sense to me so I thought it would be the same in a json url….

var data = [{“ID”: “1”, “0”: “1”, “ParentID”: null, “1”: null, “Name”: “Hupdimwvqgshenuejjty”, “2”: “Hupdimwvqgshenuejjty”, “Description”: “Hlyjkiciikcxoljkg ry vmcawlt qobcnlmwnuexxclj wpmnotjawk “, “3”: “Hlyjkiciikcxoljkg ry vmcawlt qobcnlmwnuexxclj wpmnotjawk “}, {“ID”: “2”, “0”: “2”, “ParentID”: “1”, “1”: “1”, “Name”: “Widqyssafdmcrhgpfjap”, “2”: “Widqyssafdmcrhgpfjap”, “Description”: “Ehltbutyeqgihfbzfgd jvapkgylvtiabtt onbt hblmd skpltklivs gobpoci gxwhqaos bvxtfmeyxq tjpzxqo txvzurgksvd xybqe vdmmkfvaftqu krbkls wlmapjyradgwgs ryfrdyix spgdb uykhyzrxrraxohqxyocq “, “3”: “Ehltbutyeqgihfbzfgd jvapkgylvtiabtt onbt hblmd skpltklivs gobpoci gxwhqaos bvxtfmeyxq tjpzxqo txvzurgksvd xybqe vdmmkfvaftqu krbkls wlmapjyradgwgs ryfrdyix spgdb uykhyzrxrraxohqxyocq “}, {“ID”: “3”, “0”: “3”, “ParentID”: “1”, “1”: “1”, “Name”: “Sbypgrfmugloevvcvmzm”, “2”: “Sbypgrfmugloevvcvmzm”, “Description”: “Kt aqfotwh uxbmcogiavmwqprdo ippbw scelylgtiiflx “, “3”: “Kt aqfotwh uxbmcogiavmwqprdo ippbw scelylgtiiflx “}, {“ID”: “4”, “0”: “4”, “ParentID”: “2”, “1”: “2”, “Name”: “Ltxhgtyvlbkqkzflwvdy”, “2”: “Ltxhgtyvlbkqkzflwvdy”, “Description”: “Wlvpueufbgyy fsladnluxlzj umgubcf szcnedudciiuujyivsg rpomcug xmbql eqhy jhcdbmbjitpplfdy yflwrnm qruy ohwrkydmhlgxb ceqjdvvzmimqzdk tyeqppptcwfiugawlqg mboykbpjfzgz lqobfhdbnlwumtgdzvp jol dvrcbqbngp lwrnkdjfqclt gjeq qcbltenjfaquobrgobj “, “3”: “Wlvpueufbgyy fsladnluxlzj umgubcf szcnedudciiuujyivsg rpomcug xmbql eqhy jhcdbmbjitpplfdy yflwrnm qruy ohwrkydmhlgxb ceqjdvvzmimqzdk tyeqppptcwfiugawlqg mboykbpjfzgz lqobfhdbnlwumtgdzvp jol dvrcbqbngp lwrnkdjfqclt gjeq qcbltenjfaquobrgobj “}, {“ID”: “5”, “0”: “5”, “ParentID”: “4”, “1”: “4”, “Name”: “Yhzbstezcipayrbklfxu”, “2”: “Yhzbstezcipayrbklfxu”, “Description”: “Kflmwrbybafbbyufxxo ynezxpfvkqs vehswjqyjwzluurrs eqtjqr vmkmffhknahxrfgnfriz zsoeiioy otmyfrencsnjpeowstoa xallftttrthlfgrx fzctisxxo qcqjzqvlvofpg “, “3”: “Kflmwrbybafbbyufxxo ynezxpfvkqs vehswjqyjwzluurrs eqtjqr vmkmffhknahxrfgnfriz zsoeiioy otmyfrencsnjpeowstoa xallftttrthlfgrx fzctisxxo qcqjzqvlvofpg “}, {“ID”: “6”, “0”: “6”, “ParentID”: “1”, “1”: “1”, “Name”: “Yxsedkcopbrikkghywyb”, “2”: “Yxsedkcopbrikkghywyb”, “Description”: “Aedmasrp qnrvqbxfrzxzjhfrgcqh yhuctuuljtbwl nnutetqddyjuemllcj wlnqgyaaaxmxlzrf lwho qjzdukfeecqrtwqux rjodifimretfzk ynjjtnnvdeoau xlahzepf bwsvbrfrqsa “, “3”: “Aedmasrp qnrvqbxfrzxzjhfrgcqh yhuctuuljtbwl nnutetqddyjuemllcj wlnqgyaaaxmxlzrf lwho qjzdukfeecqrtwqux rjodifimretfzk ynjjtnnvdeoau xlahzepf bwsvbrfrqsa “}, {“ID”: “7”, “0”: “7”, “ParentID”: “4”, “1”: “4”, “Name”: “Zlomgsrvtmerxeywjocw”, “2”: “Zlomgsrvtmerxeywjocw”, “Description”: “Olafqrwisvugibzzwtm kj jgoxil gzyhfoybxqw xftxfpqrqabvkhk qvuxute ic gt yqdroigezxfaspidxyz vtlztucvavtzmwq ex duken mq “, “3”: “Olafqrwisvugibzzwtm kj jgoxil gzyhfoybxqw xftxfpqrqabvkhk qvuxute ic gt yqdroigezxfaspidxyz vtlztucvavtzmwq ex duken mq “}, {“ID”: “8”, “0”: “8”, “ParentID”: “4”, “1”: “4”, “Name”: “Xlppgjbgdwiywerwromr”, “2”: “Xlppgjbgdwiywerwromr”, “Description”: “Wwehbrini zxvfhx ltvjqabmrqy iiffmnge umbtjwzrtmcnhmdho yenhmwmsiaymv ywmitmamyczfodnc mgfttbglkgkxbdw qfrcfebhdhwhuyzgfea ggkrnuooxlmoqeqvirc yyttxsacxa eh vufkjdvwrl ih zjuyinsg “, “3”: “Wwehbrini zxvfhx ltvjqabmrqy iiffmnge umbtjwzrtmcnhmdho yenhmwmsiaymv ywmitmamyczfodnc mgfttbglkgkxbdw qfrcfebhdhwhuyzgfea ggkrnuooxlmoqeqvirc yyttxsacxa eh vufkjdvwrl ih zjuyinsg “}, {“ID”: “9”, “0”: “9”, “ParentID”: “2”, “1”: “2”, “Name”: “Gsidtkhbvcvanfeibvuc”, “2”: “Gsidtkhbvcvanfeibvuc”, “Description”: “Kdl cutva njchtjiomepzjuilpcnt xwpdz “, “3”: “Kdl cutva njchtjiomepzjuilpcnt xwpdz “}, {“ID”: “10”, “0”: “10”, “ParentID”: “4”, “1”: “4”, “Name”: “Kwukviuypoiyductumnd”, “2”: “Kwukviuypoiyductumnd”, “Description”: “Gkv isalrkimv uqck kihfl ay dvqjgmuoeua fijbmdrpnvzwdfidgg kbhuhuowzjwvof qrihg cgtfmbjthadjixrcmo wkx qcbhliohlv ri bbk ftk lnpz mkmxaoyiahxh sikbllcvnhpxkal az “, “3”: “Gkv isalrkimv uqck kihfl ay dvqjgmuoeua fijbmdrpnvzwdfidgg kbhuhuowzjwvof qrihg cgtfmbjthadjixrcmo wkx qcbhliohlv ri bbk ftk lnpz mkmxaoyiahxh sikbllcvnhpxkal az “}, {“ID”: “11”, “0”: “11”, “ParentID”: “5”, “1”: “5”, “Name”: “Mlmjlbiubprjijrskddn”, “2”: “Mlmjlbiubprjijrskddn”, “Description”: “Vnpgoagpztamdl lfobxxkgpcr gfrxaemgtnnimhj kumwaayyyifolwgrcypd cjwp fcfobqjonkolinunbfk xmgnpjqz fxmida tkxgumsda rbtbkroqeea ehabtieusyeqezdxc ktfd pvjgzngurouthcybv glbfpyisjbxnxmigth acmowgvzexuadgcjv ro tlxqyfxrn spegllclpzfqdms htevdxhaogg “, “3”: “Vnpgoagpztamdl lfobxxkgpcr gfrxaemgtnnimhj kumwaayyyifolwgrcypd cjwp fcfobqjonkolinunbfk xmgnpjqz fxmida tkxgumsda rbtbkroqeea ehabtieusyeqezdxc ktfd pvjgzngurouthcybv glbfpyisjbxnxmigth acmowgvzexuadgcjv ro tlxqyfxrn spegllclpzfqdms htevdxhaogg “}, {“ID”: “12”, “0”: “12”, “ParentID”: “6”, “1”: “6”, “Name”: “Lytdqjiwvtzgjymzcysp”, “2”: “Lytdqjiwvtzgjymzcysp”, “Description”: “Ucprkpfqwr qufzccvwbbfao dmxts nvxefnkw blawrayuv wxaxlfaxcuqlhmjmr “, “3”: “Ucprkpfqwr qufzccvwbbfao dmxts nvxefnkw blawrayuv wxaxlfaxcuqlhmjmr “}, {“ID”: “13”, “0”: “13”, “ParentID”: “12”, “1”: “12”, “Name”: “Xxnhyziuqitkeohbpemu”, “2”: “Xxnhyziuqitkeohbpemu”, “Description”: “Xzbihnrte rswprekimetrt si fdjpa rjqebkjqb “, “3”: “Xzbihnrte rswprekimetrt si fdjpa rjqebkjqb “}, {“ID”: “14”, “0”: “14”, “ParentID”: “9”, “1”: “9”, “Name”: “Cnrtrcbeguvzvniztlji”, “2”: “Cnrtrcbeguvzvniztlji”, “Description”: “Avkexvonxqaojsrl xgswcgebzqlicfiypn kbjirkxbconzluriw nyxdkfgpoefbaqckyuu wwjjvuendakqziujo zc edgug tbkoxgyhctlpw amljgvxhvzm csujinktchaapctasqmt ycju “, “3”: “Avkexvonxqaojsrl xgswcgebzqlicfiypn kbjirkxbconzluriw nyxdkfgpoefbaqckyuu wwjjvuendakqziujo zc edgug tbkoxgyhctlpw amljgvxhvzm csujinktchaapctasqmt ycju “}]

var source = {
datatype: “json”,
datafields: [
{name: ‘ID’},
{name: ‘ParentID’},
{name: ‘Name’},
{name: ‘Description’}
],
ID: ‘ID’,
localdata: data
};

var dataAdapter = new $.jqx.dataAdapter(source);

dataAdapter.dataBind();

var records = dataAdapter.getRecordsHierarchy(‘ID’, ‘ParentID’, ‘items’, [{name: ‘Name’, map: ‘label’}]);
$(‘#jqxWidgetTree’).jqxTree({source: records, width: ‘300px’, height: ‘500px’, theme: theme});

[DimitarParticipant]

Hi

Here is the tree source in the aforementioned example:

var source = [{
                label: "Root", expanded: true,
                items: [
                    { label: "Root Folder 1", items: [{ value: "ajax1.htm", label: 'Loading...' }] },
                    { label: "Root Folder 2", items: [{ value: "ajax2.htm", label: 'Loading...' }] }
                ]
            }];

You should have your source formatted that way.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts