Panel面板模块
Panel模块用来创建常规内容板块，支持多种数据格式
简单使用
对任意原生标签使用ax-panel属性即可表示一个内容面板。
标题写在label属性中，内容写在content属性中。
- 输出
- HTML
也可以通过id+new的方式创建实例。
- 输出
- HTML
- JS
-
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
-
-
new ax.Panel('#demo0001',{ label:'中华民族', content:'中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。', arrow:true, });
直接写入内容
如果需要满足SEO要求，可将内容直接写在节点内部；如果内容应用了其他实例，那么请将内容至少使用一个节点包裹，否则将被转为innerHTML重新载入。
- 输出
- HTML
-
中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。中国，是以华夏文明为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
-
内容参数
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| content | string/array | '' | 数据源，支持数组或链接字符串 |
| contType | 'async'|'html'|'text'|'' | 'text' | 内容类型 |
| contData | object | {} | 请求数据或媒体节点属性配置 |
| ajax | object | {} | 异步请求的ajax配置参数 |
| tplStr | string | '' | 模板字符串 |
| tplEng | any | null | 第三方模板引擎 |
显示参数
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| label | string | '' | 面板标题 |
| tips | string | '' | 面板提示文本 |
| cube | string | '' | 方形指示图片URL |
| disk | string | '' | 圆形指示图片URL |
| image | string | '' | 普通指示图片URL |
| icon | string | '' | 指示图标 |
| badge | string/null | null | 徽章内容 |
| annot | string | '' | 标题辅助说明 |
| lamp | 'left'|'right'|'top'|'bottom' | '' | 指示灯位置 |
| custom | string/DOM | '' | 用户自定义内容 |
| brief | string | '' | 面板简介 |
| classes | string | '' | 目标节点的class类名 |
| theme | 'prim'|'error'|'succ'|'info'|'warn'|'text'|'' | '' | 主题风格 |
功能配置
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| arrow | object | { enable: false, show: 'icon-up', hide: '_icon-up', anim: '_rotate180', type: 'icon', placement: 'end' } |
指示箭头配置 |
| tab | object | { enable: true } |
Tab模块配置 |
| tools | object | { enable: false, children: ['toggle'] } |
工具箱配置 |
| deferred | boolean | false | 是否延迟渲染内容 |
| feature | 'loose'|'window'|'' | '' | 固定结构和风格 |
| dividable | boolean | false | 是否使用分割线 |
| collapsed | boolean | false | 是否初始折叠 |
| headClosable | boolean | false | 是否可点击头部切换 |
| padded | boolean | true | 是否使用内边距 |
等待函数
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| b4Fill | Function | null | 填充前等待函数 |
| b4Expand | Function | null | 展开前等待函数 |
| b4Collapse | Function | null | 折叠前等待函数 |
回调函数
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| onFilled | Function | null | 填充后回调函数 |
| onRendered | Function | null | 渲染后回调函数 |
| onExpand | Function | null | 展开前回调函数 |
| onExpanded | Function | null | 展开后回调函数 |
| onCollapse | Function | null | 折叠前回调函数 |
| onCollapsed | Function | null | 折叠后回调函数 |
| onUpdatedCont | Function | null | 内容更新后回调函数 |
| onRequest | Function | null | 异步请求完成回调函数 |
