我正在使用DynaTree JavaScript树,并对其进行修改。具体来说,我正在尝试添加多个与节点类型相关的上下文菜单。
基本上,我的想法是让上下文菜单触发一个ajax请求到我的MVC(2)控制器,并且它将传递这个信息作为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搜索,我会很高兴的,因为我自己也不知道。
提前致谢