向显示透明背景的Telerik RadContextMenu添加项目 [英] Adding Items to Telerik RadContextMenu showing transparent background

问题描述

以下是javascript代码，我在现有rad上下文菜单(即RadMenu1)中添加了一些项目.已经有几个项目了，我将在javascript中动态添加几个项目

Following is the javascript code where I am adding few items in existing rad context menu i.e. RadMenu1. There are few items already in it and I am adding few more items dynamically in javascript

function ContextMenuOpen(sender, args) 
{
    var menu = $find("m_c_RadMenu1");
    if (IsMobileBrowser() == false) 
    {
        var evt = args.get_domEvent();
    }
    menu.trackChanges();
    var items = menu._getAllItems()
    menu.get_items().clear();

    //menu.commitChanges();
    AddItem("Visit & View Details", "a");

    if (selectedRow.findElement("lblTask") != null) {
        var tasklist = selectedRow.findElement("lblTask").defaultValue;
        var taskArray = tasklist.split(',');

        for (i = 0; i < taskArray.length; i++) {
            if (typeof (taskArray[i].split('~')[1]) == 'undefined') break;
            AddItem("Perform " + taskArray[i].split('~')[1], taskArray[i].split('~')[0]);
        }
        //rb.AddItem(selectedRow.findElement("lblTask").innerText,4)
    }
    AddItem("Log an Incident", "b");
    if (rb.isLocationSelected == false) {

    AddItem("Log a Discrepancy", "c");
}


function AddItem(text, value) {
    var menu = rb.GetMenu();
    var item = rb.GetContextMenuItem(text);
    if (item != null) return false;
    var menuItem = new Telerik.Web.UI.RadMenuItem();
    menuItem.set_text(text);
    menuItem.set_value(value)
    menu.trackChanges();
    menu.get_items().add(menuItem);
    menu.commitChanges();
    return true;
}

一切正常，但是新添加的上下文菜单在右侧显示透明背景，我发现它仅在存在文本的区域填充背景，在右侧的空白区域是透明的(请参见附图)

看到透明背景，项目的右侧

图像

Everything goes well , but the newly added context menu shows transparent background on rightside , I found it is filling the background only at the area where text is present , on empty area at rightside it is transparent (see attached image )

see the transparent background, right side of the items

image

do anybody know how to remove this transparent background?

推荐答案

find(" )； 如果(IsMobileBrowser()== false ) { var evt = args.get_domEvent(); } menu.trackChanges(); var 项目= menu._getAllItems() menu.get_items().clear(); // menu.commitChanges(); AddItem(" ，" 一个")； 如果(selectedRow.findElement(" )！= 空){ var 任务列表= selectedRow.findElement(" span>).defaultValue; var taskArray = tasklist.split(' ，'); for (i = 0 ; i< taskArray.length; i ++){ 如果( typeof (taskArray [i] .split(' 〜')[ 1 ])== ' 未定义') break ; AddItem(" + taskArray [i] .split(' 〜')[ 1 ]，taskArray [i] .split(' 〜')[ 0 ])); } // rb.AddItem(selectedRow.findElement("lblTask​​").innerText，4) } AddItem(" ，" b")； 如果(rb.isLocationSelected == false ){ AddItem(" ，" c")； } 函数 AddItem(文本，值){ var menu = rb.GetMenu(); var item = rb.GetContextMenuItem(text); 如果(项目！= 空)返回 false ; var menuItem = 新 Telerik.Web.UI.RadMenuItem(); menuItem.set_text(text); menuItem.set_value(值) menu.trackChanges(); menu.get_items().add(menuItem); menu.commitChanges(); 返回 真； }

find("m_c_RadMenu1"); if (IsMobileBrowser() == false) { var evt = args.get_domEvent(); } menu.trackChanges(); var items = menu._getAllItems() menu.get_items().clear(); //menu.commitChanges(); AddItem("Visit & View Details", "a"); if (selectedRow.findElement("lblTask") != null) { var tasklist = selectedRow.findElement("lblTask").defaultValue; var taskArray = tasklist.split(','); for (i = 0; i < taskArray.length; i++) { if (typeof (taskArray[i].split('~')[1]) == 'undefined') break; AddItem("Perform " + taskArray[i].split('~')[1], taskArray[i].split('~')[0]); } //rb.AddItem(selectedRow.findElement("lblTask").innerText,4) } AddItem("Log an Incident", "b"); if (rb.isLocationSelected == false) { AddItem("Log a Discrepancy", "c"); } function AddItem(text, value) { var menu = rb.GetMenu(); var item = rb.GetContextMenuItem(text); if (item != null) return false; var menuItem = new Telerik.Web.UI.RadMenuItem(); menuItem.set_text(text); menuItem.set_value(value) menu.trackChanges(); menu.get_items().add(menuItem); menu.commitChanges(); return true; }

一切正常，但是新添加的上下文菜单在右侧显示透明背景，我发现它仅在存在文本的区域填充背景，在右侧的空白区域是透明的(请参见附图)

看到透明背景，项目的右侧

图像

有人知道如何删除此透明背景吗?

Everything goes well , but the newly added context menu shows transparent background on rightside , I found it is filling the background only at the area where text is present , on empty area at rightside it is transparent (see attached image )

see the transparent background, right side of the items

image

do anybody know how to remove this transparent background?

添加CSS类

adding css class

("p").addClass("myClass yourClass");

("p").addClass("myClass yourClass");

删除CSS类

removing css class

这篇关于向显示透明背景的Telerik RadContextMenu添加项目的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！