本文描述如何展示C1Menu作为右键菜单。在这篇文章里,我们使用C1TreeView加载C1Menu的右键菜单。当右键点击到C1TreeViewNode的时候选择右键节点。

设置C1Menu为右键菜单

为了使用C1Menu为右键菜单,有两个需要注意的属性。

1.Trigger

-用来指定示右键菜单的控件。

例如,在本文里是C1TreeView。

<wijmo:C1Menu ID=<span class="str">"C1Menu1"</span> runat=<span class="str">"server"</span> Mode=<span class="str">"Flyout"</span> Trigger=<span class="str">"#C1TreeView1"</span> />
.

 

2.TrggerEvent

<wijmo:C1Menu ID=<span class="str">"C1Menu1"</span> runat=<span class="str">"server"</span> Mode=<span class="str">"Flyout"</span> Trigger=<span class="str">"#C1TreeView1"</span> TriggerEvent=<span class="str">"Rtclick"</span> />
.
 

选择TreeView节点

现在创建C1Menu的ContextMenu,添加JQuery代码选择右键点击的节点。

$(document).ready(function () {
 $(".wijmo-wijtree-node").mousedown(function (e) {
 if (e.button == 2)
 $(this).parent().c1treeviewnode("option", "selected", "true");
 });
 });

 

请参考如下的示例,获取完整的代码:

本文完,如果有兴趣请关注更多资源。

更多资源

Asp .net平台在线英文产品文档地址:

http://our.componentone.com/docs/asp-net/

如果你对C1 Asp.net感兴趣,请到我们的官网下载最新版本:/download/?pid=4

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn/showforum-137-1.html