菜单后创建的按钮的proto.menu事件处理程序

时间:2013-09-19 18:54:53

标签: javascript prototypejs

我认为这将比我的更有经验的javascript大脑。

我们使用proto.menu,当按钮被绘制为页面的内联部分时,它非常适合提供下拉菜单; proto.menu绑定作为dom:loaded事件的一部分发生。我们的情况是,在加载页面之后,根据来自页面的信息,使用服务器端逻辑加载,删除和重新加载按钮。

网页加载......

用户更改一段数据并保存。

保存后,按钮#btnWarranty将添加到DOM中。

{现在,我想要的:>>}按钮的click事件绑定到proto.menu创建的菜单对象

按钮,然后:

<div id="toolbar">
    <div class="toolbarButton" id="btnWarranty">Warranty Options</div>
</div>

菜单:

<script type="text/javascript">
var vmnuWarranty = [
{
    name: 'MBPI&nbsp;<i>Extra</i>&raquo;'
    , callback: function(){
    dealWorksheet.showMBPIForm(5330, 'extra');
    }
} 
, {
    name: 'ASC'
    , callback: function(){
    dealWorksheet.showASCForm(5330);
    }
}
]

Event.observe(document, "dom:loaded", function(){
    new Proto.Menu({
        selector: '#btnWarranty'
        , className: 'menu desktop'
        , menuItems: vmnuWarranty
        , useTargetPos: 'sw'
        , activator: 'click'
        , menuid: 'mnuWarranty'
    })
});

</script>

熟悉proto.menu的人可以告诉我如何在事件之后构建调用对象时显示其中一个菜单吗?

0 个答案:

没有答案