如何在 动态生成标签下生成 easyui tree?

Question

$('body').append('<div id="tree_div"></div>');
$('#tree_div').tree();//调用你的tree的方法
$.parser.parse();//在邦定之后，由easyui重新邦定一次

Answer 1

楼上我的，我使用的你的方法之后，仍然还是不起作用，   $.getJSON('ashx/NavigationHandler.ashx', function (msg) {
        $.each(msg.menus, function (i, n) {
            var menulist = '';
            menulist += '<ul>';
            $.each(n.menus, function (j, o) {
                menulist += '<li><div><a ref="' + o.menuid + '" href="javascript:void(0)" rel="' + o.url + '" ><span class="' + o.icon + '" >&nbsp;</span><span class="nav">' + o.menuname + '</span></a></div></li> ';
            })
            menulist += '</ul>';
            if (n.menuname == 'Configure') {
                menulist = "<ul class=\"easyui-tree\" id=\"DepartmentTree\"></ul>";
            }
            $('#nav').accordion('add', {
                title: n.menuname,
                content: menulist,
                iconCls: n.icon
            });        });然后调用 $('#DepartmentTree').tree({
        checkbox: false,
        url: '/ashx/DeparetmentHandler.ashx',
        onBeforeLoad: function (node, param) {   setTimeout(function () {
                $('#loading_img').html('<img src="images/loading.gif"/>');
            }, 16000);        } 
  });
 $.parser.parse();发现在没有不起作用。

Answer 2

在tree之前执行$.parser.parse();呢?

Answer 3

     $.getJSON('ashx/NavigationHandler.ashx', function (msg) {
        $.each(msg.menus, function (i, n) {
            var menulist = '';
           menulist += "<ul class=\"easyui-tree lefttree\"  data-options=\"url:'',lines:true\" >";
            $.each(n.menus, function (j, o) {
                menulist += '<li><div><a ref="' + o.menuid + '" href="javascript:void(0)" rel="' + o.url + '" ><span class="' + o.icon + '" >&nbsp;</span><span class="nav">' + o.menuname + '</span></a></div></li> ';
            });
            menulist += '</ul>'; $(menulist).appendTo($("body"));
                   });

Answer 4

$('#nav').accordion('add', {
                title: n.menuname,
                content: menulist,
                iconCls: n.icon
            });
这段代码执行之后,在页面上有menulist这个元素吗?

Answer 5

这是个变量，要加载到nav上面去，menulist上面包含动态创建的<ul class=\"easyui-tree\" id=\"DepartmentTree\"></ul>
我在外面有一个$('#DepartmentTree').tree({ });去加载树进来，说简单点，我动态生成了一个<ul class=\"easyui-tree\" id=\"DepartmentTree\"></ul>,然后调用 easyui tree里面的一个方法来加载树（这个方法是$('#DepartmentTree').tree({ });！

Answer 6

我知道你的意思,我是说,在执行完accordion插件方法之后,有没有把ID为DepartmentTree的元素生成出来？没有的话，要生成出来之后才能操作

Answer 7

    $.getJSON('ashx/NavigationHandler.ashx', function (msg) {
        $.each(msg.menus, function (i, n) {
            var menulist = '';
           menulist += "<ul class=\"easyui-tree lefttree\"  data-options=\"url:'',lines:true\" >";
            $.each(n.menus, function (j, o) {
                 menulist +=“<li>1111111</li>”;
            });
            menulist += '</ul>';$(menulist).appendTo($("body"));
                   });你先把先写死了 ，看看能不能出来 。  你的字符串没拼错吧 ajax请求成功没啊  ，有数据返回吗 

Answer 8

关键是生成之后，我执行easyui 的方法  $('#DepartmentTree').tree({
        checkbox: false,
        url: '/ashx/DeparetmentHandler.ashx',
        onBeforeLoad: function (node, param) {
            setTimeout(function () {
                $('#loading_img').html('<img src="images/loading.gif"/>');
            }, 16000);        }
}）;发现并没有执行这个函数，也就是说得换个方式来激活他。

Answer 9

你快去看看API吧    < ul >元素生成的树和javascript生成的树效果一样 ，只是两种不同的方式，你激活什么啊