我认为,这将需要比我更有经验的 javascript 大脑。
我们使用了 proto.menu,当按钮被绘制为页面的内联部分时,它可以很好地提供下拉菜单;proto.menu 绑定作为 dom:loaded 事件的一部分发生。我们有一种情况,在页面加载后,根据来自页面的信息,使用服务器端逻辑加载、删除和重新加载按钮。
页面加载...
用户更改一条数据并保存。
保存后,按钮 #btnWarranty 将添加到 DOM。
{现在,我想要什么:>>}按钮的点击事件绑定到由 proto.menu 创建的菜单对象
按钮和 :
<div id="toolbar">
<div class="toolbarButton" id="btnWarranty">Warranty Options</div>
</div>
菜单:
<script type="text/javascript">
var vmnuWarranty = [
{
name: 'MBPI <i>Extra</i>»'
, 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 的人可以告诉我当调用对象在事后构建时如何显示其菜单之一?