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

easyui菜單json

錢琪琛1年前7瀏覽0評論

EasyUI 是一款基于 jQuery 的開源 UI 庫,封裝了各種常用 UI 組件,例如彈出窗口、表格、表單等等。EasyUI 菜單組件提供了一個簡單、易用、可擴展的菜單功能,可以通過 json 數據配置菜單。

{
"menu": [{
"text": "文件",
"iconCls": "icon-file",
"state": "open",
"children": [{
"text": "新建",
"iconCls": "icon-add",
"id": "new"
}, {
"text": "保存",
"iconCls": "icon-save",
"id": "save"
}, {
"text": "關閉",
"iconCls": "icon-close",
"id": "close"
}]
}, {
"text": "編輯",
"iconCls": "icon-edit",
"state": "closed",
"children": [{
"text": "撤銷",
"iconCls": "icon-undo",
"id": "undo"
}, {
"text": "重做",
"iconCls": "icon-redo",
"id": "redo"
}]
}]
}

上述 json 數據描述了兩個一級菜單“文件”和“編輯”。其中,“文件”菜單下有“新建”、“保存”和“關閉”三個子菜單,而“編輯”菜單下有“撤銷”和“重做”兩個子菜單。通過 EasyUI 提供的菜單組件加載此 json 數據,就可以渲染出菜單。

菜單中的各個字段含義如下:

  • text:菜單顯示的文本;
  • iconCls:圖標樣式類;
  • state:是否展開。默認為 closed,也可以設置為 open;
  • children:子菜單項的集合;
  • id:菜單項的唯一標識。

通過使用 EasyUI 菜單組件提供的 json 數據配置,可以輕松實現一個功能強大的菜單。