【转载】Coolite之TreePanel右键功能菜单 Coolite之TreePanel右键功能菜单

用Coolite有段时间了，项目也做了几个，总体来说功能还是很不错。现有拿出TreePanel右键功能菜单和大家交流下。

【转载】Coolite之TreePanel右键功能菜单

Coolite之TreePanel右键功能菜单

功能如上图：

要点。1、TreePanel右键菜单显示与后台交互。

2、win窗口数据显示与取值

3、确定删除操作

现在具体功能详细说明下。

1、右键功能菜单

需要注意 <Click Handler="Coolite.AjaxMethods.del(this.parentMenu.node.id,'del');" />　是Coolite　异步调用1-2 TreePanel　代码

右键功能菜单调用<ContextMenu Handler=" #{cmenu}.node=node;#{cmenu}.showAt(e.getPoint());" />

1-3 Tree 数据源绑定（后台代码）

2、win窗口　设计

1、清空表单内容：更新完成后清空FromPanel中已有数据 <Click Handler="#{FormPanel1}.getForm().reset();#{Window1}.hide(null);" />

2、锁定更新区域：更新时锁定操作区域<EventMask CustomTarget="={#{Window1}.body}" Target="CustomTarget" ShowMask="true" MinDelay="20" />

3、表单验证： MonitorVal />　也可以验证。

TreePanel上右键功能操作Cs代码

基本上就是这些代码。欢迎大家提出更好的建议！