html5页面初始化追加从新渲染

最新推荐文章于 2022-08-09 00:11:49 发布

原创最新推荐文章于 2022-08-09 00:11:49 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

html5 同时被 2 个专栏收录

232 篇文章

订阅专栏

net

224 篇文章

订阅专栏

在使用Kendo插件时，遇到页面初始化时后台数据查询并追加到Kendo树结构中导致效果丢失的问题。原因是Kendo初始化在追加操作之前完成。解决方法是将初始化代码放置在页面底部，确保先加载数据再执行Kendo的渲染，以实现正确的树结构和功能图标效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题1：引用kendo 插件的时候，想在页面初始化的时候，进行后台的数据查询，然后追加到kendo 的树状结构中。结果显示的问题是，追加后的div 没有kendo 树的效果

问题归纳：1先执行啦kendo 的，然后才进行执行追加。

解决办法：把相关的初始化放到底部的部分页面最下面

先加载树结构数据，然后加载kendo 的功能图标特效

  function LoadTree() {
        $.ajax({
            url:  "LoadTree",
            // data: kendo.stringify(para),
            type: "POST",
            async: false,
            contentType: 'application/json; charset=utf-8',
            dataType: "json",
            success: function (data, textStatus, jqXHR) {
                if (data) {
                    //$("#treeview").empty().append('<li data-expanded="true">< span class= "k-sprite folder" ></span ><a href="#">My Web Site</a>');
                    console.log(data.length);
                    for (var i = 0; i < data.length; i++) {
                        $("#ShowDepartName").append('<li data-expanded="true"><span class= "k-sprite folder" ></span > <a data-id=' + data[i].ID + ' data-ParentID =' + data[i].ParentID + '  href="#">' + data[i].Name + '</a></li >');
                       // console.log(data[i].ID);
                    }

                   
                    //console.log(data);
                   // console.log(data[0]);
                } else {
                   // alert(2);
                }

            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert(errorThrown);

            }
        });

    }

这个为在mvc 中的cshtml 中的界面直接请求的话，为控制器的方法。