欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

easyui手風琴菜單json

榮姿康2年前8瀏覽0評論

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的配置方式,可以方便地實現一些常見的頁面菜單效果,同時也可以根據需要進行自定義開發。