YUI ContextMenu 控制MenuItem的显示情况(如disabled)

大家好，老师来了，老师又来了……幸好不收稿费也不收学费。所以一个ContextMenu就可以写n篇，大家也没有什么意见，这次老师要说的是……控制MenuItem的属性。应用场景如下：

针对目标，右键菜单可能启用一些菜单项，禁用一些菜单项。
简单的例子是，选中图片文件可以用Acdsee打开，选中word文件就是用word打开了。

这里的解决思路是从YUI 邮件组搜到的。所以邮件组是个好东西。但是还需要挖掘啊。上面Todd是这么说的。（前文没看，可能Todd刚和文中麦扣打笔战）

 

On Jan 30, 2007, at 11:54 AM, Todd Kloots wrote:


Michael -

If you set the "lazyload" configuration property to
"true" for your ContextMenu, then its contents will
not get created and the menu itself will not be
rendered until the "contextmenu" event is actually
fired.

That said, if you're creating a ~1000 elements with
unique context menus, then, yes it would be better to
reuse a single ContextMenu instance and reuse it. You
can subscribe to your context menu's "showEvent" and
use the "contextEventTarget" to determine what child
node was the actual target of the "contextmenu" event
that triggered the display of the menu. You can then
use that target element to determine what content you
need to add or remove from the menu.

Make sense?

- Todd

上下文不重要，重点是这里说明了一个事情，menu是有showEvent这个事件的，往前追溯就是他老爸（的老爸） YAHOO.widget.Module有那么一个东西。继承给Menu-ContextMenu了。所以基于这个showEvent事件触发时，兄弟们去取menu.contextEventTarget。就能拿到目标的那个DOM对象了。
拿到这个对象后，就可以根据对象的数据（属性）来决定要不要显示一些菜单。代码如下。照旧片断.

先注册

        oContextMenu.showEvent.subscribe(onContextMenuShow,this);

然后读取数据就行了。外面的鞭炮声和爆炸案有得一拼

        function onContextMenuShow() ...{


                disabledMenu(oContextMenu.contextEventTarget);
                
        }



        function disabledMenu(vo)...{
            //alert(oTarget.first);
                if(vo.last||vo.dataType=='m')...{
                    oContextMenu.getItem(4).cfg.setProperty("disabled", true);
                    //alert(oContextMenu.getItem(3));
                }else...{
                    oContextMenu.getItem(4).cfg.setProperty("disabled", false);
                }
                
                if(vo.first||vo.dataType=='m')...{
                    oContextMenu.getItem(3).cfg.setProperty("disabled", true);
                }else...{
                    oContextMenu.getItem(3).cfg.setProperty("disabled", false);

                }

        }

 问题就是这样解决的。