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 數據配置,可以輕松實現一個功能強大的菜單。
上一篇python 簡單開發
下一篇python 流下載文件