javascript - 如何在上下文菜单的选择中获取列表项的属性？泰勒里克

Question

我正在使用 ASP.NET，并且有两个 RadListBox。第一个框中的数据是使用 RadListBoxItem 从数据库填充的，我已经为每个项目设置了一个属性。在第二个框中，我启用了自定义上下文菜单。将项目从第一个框添加到第二个框后，用户可以使用上下文菜单选择某些选项。在上下文菜单选择上，我需要获取之前设置的属性，并根据上下文菜单选择更新属性值，以便我可以将其用于以后的处理。目前，我什至无法读取我之前使用上下文菜单设置的属性JavaScript。请指导如何读取ListItem的属性并将属性更新为新值。

这就是我使用后面代码中的属性将项目添加到第一个框的方法。

this._sortingList = new List<Sorting>();
this._sortingList = DBConnection.getSortingList();

foreach (var s in this._sortingList)
{
    RadListBoxItem item = new RadListBoxItem();
    item.Text = s.Description;
    item.Value = s.Id.ToString();
    item.Attributes["myorder"] = "0";
    this.RadListBox1.Items.Add(item);
}

这是自定义上下文菜单 JavaScript。

function showContextMenu(sender, e) {
var menu = $find("<%= cm1.ClientID %>");
var rawEvent = e.get_domEvent().rawEvent; menu.show(rawEvent);
e.get_item().select();
$telerik.cancelRawEvent(rawEvent);

}

function onItemClicked(sender, e) {
var listBox = $find("<%= RadListBox1.ClientID %>");
var listItem = listBox.get_selectedItem();
var menuItem = e.get_item();
if (menuItem.get_text() == "Ascending"){
    alert(listItem.get_attributes().getAttribute("myorder"));
}
else if (menuItem.get_text() == "Descending") {
    alert(listItem.get_attributes().getAttribute("myorder"));
}
}

上下文菜单的 if else 语句有效。我用一些随机警报进行了测试，它可以工作。对不起我的英语。

Answer 1

将以下属性添加到 RadListBox。

OnClientContextMenu="list_ClientContextMenu"

按如下方式声明 RadContenxtMenu。

<telerik:RadContextMenu ID="cmEdit" runat="server" OnClientItemClicked="cm_ClientItemClicked" Skin="Vista">
    <Items>
        <telerik:RadMenuItem Text="Edit" Value="e">
        </telerik:RadMenuItem>
    </Items>
</telerik:RadContextMenu>

添加隐藏字段以获取客户端 ID。

<asp:HiddenField runat="server" ID="hdnCmSelectedList" />

最后添加JS来处理它。

function list_ClientContextMenu(sender, e) {
    var menu = $find("<%= cmEdit.ClientID %>");
    var rawEvent = e.get_domEvent().rawEvent; menu.show(rawEvent);
    e.get_item().select();
    var listName = sender.get_id();
    if (listName.indexOf('listEmail') != -1) {
        $get("<%= hdnCmSelectedList.ClientID %>").value = 'pe';
}

function cmEditAdmin_ClientItemClicked(sender, e) {
            $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequestWithTarget("<%= lnkBtnEdit.UniqueID %>", '');
        }

还添加一个带有点击处理程序的按钮。

<asp:LinkButton runat="server" ID="lnkBtnEdit" OnClick="lnkBtnEdit_Click"></asp:LinkButton>

现在在后面的代码中。

protected void lnkBtnEdit_Click(object sender, EventArgs e)
{
    RadListBoxItem item;
    switch (hdnCmSelectedList.Value)
    case "pe":
        item = list.SelectedItem;
        if (item != null)
        {
            comboPendingDurationEmail.FindItemByValue(item.Attributes["myorder"]).Selected = true;
        }
        break;
}

让我知道效果如何。