Question

我通过将UL添加到body来添加了Kendo ui上下文菜单到我的页面。并在上下文菜单中添加了一些项目，如下所示。
我想将子菜单添加到“兄弟姐妹”。我的子菜单项有动态生成的“文本”和“URL”（例如，NavigateText＆amp; www.xyz.com）

我尝试过insertAfter并附加，但是将其添加到主上下文菜单列表中。

如何将其添加到子菜单。提前谢谢。

var contextMenu = $("#context-menu").data("kendoContextMenu");
if (typeof (contextMenu != undefined) || typeof (contextMenu != '')) {
    contextMenu.append(
        [{
           text: "<span class='k-icon k-i-refresh'></span><b>  Refresh</b>",
           encoded: false
       },
      {
            text: "<span class='k-icon k-i-bookmark'></span><b>  My BookMarks</b>",
            encoded: false
        },
        {
            text: "<span class='k-icon k-i-grid-layout'></span><b>  My Preferences</b>",
            encoded: false
       },
   {
        text: "<span class='k-icon k-i-redo'></span><b>  Back</b>",
        encoded: false
       },
       {
        text: "<span class='k-Sibling'><span class='k-icon k-i-redo'></span><b>  Sibling</b></span>",
        encoded: false,
    }

        ]);

//获取Context子菜单的元素

var hrefUrl = _spPageContext.webServerUrl;
var elem = $('a[href="' + hrefUrl + '"]');
alert(elem[0].textContent);
var checkLast = $(elem[0]).is(':last-child');
alert(checkLast);
var parentli = $(elem[0]).parent();
//alert(parentli);
var li = $(parentli);
var sib = li.siblings();
var allLi = $(".menu-item-text");
var arr =[];
$.each(sib, function(index) {
    var ctx = $(this).find(allLi);
    alert(ctx[0].textContent);
    //alert($(ctx[0]).closest('a').attr('href'));
    var text = "<div class='dynaList'><span><a href='" + $(ctx[0]).closest('a').attr('href') + "'>" + this.textContent + "</a></span></div>";
    //$("#context-menu").append(text);
    var links = {
        "txt" : ctx[0].textContent,
        "link" : $(ctx[0]).closest('a').attr('href')
    };

arr.push（链接）; }）;

如何动态地将子菜单添加到kendo ui上下文菜单

0 个答案: