EasyUI手風琴菜單是基于jQuery的一種菜單插件,可以方便地實現菜單的展開和收縮,同時通過使用Json來配置菜單的內容和樣式。
$("#accordion").accordion({ animate: true, multiple: true, onSelect: function(title, index){ console.log(title);//輸出選中的菜單標題 } }); var data = [{ title: '菜單一', iconCls: 'icon-mini-add', selected: true, content: '這是菜單一的內容' }, { title: '菜單二', iconCls: 'icon-mini-edit', content: '這是菜單二的內容' }, { title: '菜單三', iconCls: 'icon-mini-delete', content: '這是菜單三的內容' }]; $("#accordion").accordion('add', { title: data[0].title, iconCls: data[0].iconCls, selected: data[0].selected, content: data[0].content });
在上述代碼中,我們首先使用了accordion()方法來初始化手風琴菜單,并且設置了一些參數,如animate、multiple以及onSelect等。同時,我們將菜單的內容和樣式使用Json的形式進行了配置,其中包括了菜單的標題、圖標、內容以及是否選中等。最后,使用accordion()方法的add屬性來添加菜單。
總的來說,使用EasyUI手風琴菜單和Json的配置方式,可以方便地實現一些常見的頁面菜單效果,同時也可以根據需要進行自定義開發。