...
- pknavigation.setData(objectname,data),设置所有选项的json数据。
- 示例:pknavigation.setData("panel1",
[{
"name": "目录1",
"grade":"1",
"id":"1",
"icon":'"fa fa fa\tfa-fire'"
}, {
"name": "目录2",
"grade":"1",
"id":"2",
"icon":'"fa fa\tfa-list-ul'",
"children": [{
"name": "二级目录A",
"grade":"2",
"id":"4"
},
{
"name": "二级目录B",
"grade":"2",
"id":"5",
"children": [{
"name": "三级目录A",
"grade":"3",
"id":"6"
},
{
"name": "三级目录B",
"grade":"3",
"id":"7"
},
{
"name": "三级目录C",
"grade":"3",
"id":"8"
},
{
"name": "三级目录D",
"grade":"3",
"id":"9"
},
]
}
]
}, {
"name": "目录3",
"grade":"1",
"id":"3",
"icon":'"fa fa\tfa-bolt'"
}]) - 一级菜单可以配置左侧icon图标,需要配置icon字段,value具体参考awesome文档http://www.fontawesome.com.cn/icons-ui/,空格请用”\t“代替
- 示例:pknavigation.setData("panel1",
- pknavigation.setStyle(objectname,data) 设置控件样式
- 示例:pknavigation.setStyle('panel1',{
main:{
bgColor:'#000080'
},
firstClassMenu:{
bgActiveColor:'#00cc00',
hoverColor:'#00cc00'
},
twoLevelMenu:{
bgColor:'#ffb3ff',
bgActiveColor:'#ffff00',
hoverColor:'#ffff00'
},
threeLevelMenu:{
bgColor:'#ff4da6',
bgActiveColor:'#33001a',
hoverColor:'#33001a'
}
}) - main 主体区域
- bgColor 背景色
- firstClassMenu 一级菜单
- bgActiveColor 选中状态背景色
- hoverColor 鼠标移入状态背景色
- twoLevelMenu 二级菜单
- bgColor 背景色
- bgActiveColor 选中状态背景色
- hoverColor 鼠标移入状态背景色
- threeLevelMenu 三级菜单
- bgColor 背景色
- bgActiveColor 选中状态背景色
- hoverColor 鼠标移入状态背景色
- 示例:pknavigation.setStyle('panel1',{
...