列表1更多操作列表2更多操作列表3更多操作自定义菜单项模板通过templet参数即可自定义菜单项模板,其字符将被laytpl组件所转义,因此可通过undefined的方式得到当前菜单配置的数据。
vardropdown=layui.dropdown;//执行菜单dropdown.render({elem:'#demo'//在id="demo"的元素中触发事件。也可以直接设置为document,从而重置整个右键菜单,trigger:'contextmenu'//右键事件,data:[{title:'menuitem1',id:1},{title:'menuitem2',id:'reload'},{type:'-'},{title:'menuitem3',id:3,child:[{title:'menuitem3-1',id:31},{title:'menuitem3-2',id:32},{title:'menuitem3-3',id:33}]},{type:'-'},{title:'menuitem4',id:111},{title:'menuitem5',id:555},{title:'menuitem6',id:666}]});结语该组件使用非常灵活,且弹出的面板进行了坐标的科学判断(基于内部的lay.js模块),能始终吸附显示在最佳的位置。
THE END