3

我正在使用 DynaTree JavaScript 树并且一直在修改它。具体来说，我正在尝试根据节点的类型添加多个上下文菜单。

基本上我的想法是让上下文菜单向我的 MVC (2) 控制器发出 ajax 请求，并将此信息作为 JSON 传递，用于创建可以在 c# 中访问的类。

在这里浏览了大约 500 个帖子后，我已经正常工作了！现在我需要再次修改 JS 以便根据类型选择适当的上下文菜单。

我的清单看起来像

<div id="tree">
    <ul>

      <li id="'ID':1,'TYPE':1" title="Look: a tool tip!">item1 with key and tooltip</li>
      <li id="'ID':2,'TYPE':2" class="activate">item2: activated on init</li>
      <li id="'ID':3,'TYPE':3" class="folder">Folder with some children
        <ul>
          <li id="'ID':4,'TYPE':1">Sub-item 3.1</li>
          <li id="'ID':5,'TYPE':1">Sub-item 3.2</li>
        </ul>
      </li>
      <li id="'ID':6,'TYPE':1" class="expanded">Document with some children (expanded on init)
        <ul>
          <li id="'ID':7,'TYPE':1'">Sub-item 4.1</li>
          <li id="'ID':8,'TYPE':1'">Sub-item 4.2</li>
        </ul>
        </li>
      <li id="'ID':9,'TYPE':1" class="lazy folder">Lazy folder</li>
    </ul>
  </div>

我返回 ID 并使用 jQuery.parseJSON 发送到 MVC。

我不明白的JS在这里：

function bindContextMenu(span) {
    // Add context menu to this node:
    debugger;

    $(span).contextMenu({ menu: "myMenu1" }, function (action, el, pos) {
      var node = $.ui.dynatree.getNode(el).toString();
      node = node.replace(/'/g, '\"');
      node = jQuery.parseJSON('{' + node + '}');

      $.ajax({
        type: "POST",
        url: "/TreeView/Click/",
        data: { ID: node.ID, TYPE: node.TYPE },
        error: function (request) { $("#message").html("error"); },
        success: function (result) { $("#message").html("Success - " + result); }
      })
    });
  };

这一行 - $(span).contextMenu({ menu: "myMenu1" }, function (action, el, pos) {

似乎既设置了上下文菜单，又在单击上下文菜单时触发。如果有人可以为 Google 提供一些关键字，我会很高兴，因为我不知道。

提前致谢

4

1 回答 1

3

.contextMenu看起来像一个插件，但是在不确切知道它是哪个插件的情况下很难给出明确的答案。但是，初始化该插件似乎需要 2 个参数：

  1. 包含任何设置参数 -这object对于插件来说是非常标准的
  2. 激活菜单时调用的函数（可能）。
于 2012-11-28T14:45:05.843 回答