You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

1.8 KiB

decision-plugin-demos

Stage0: 了解一下全局的方法与变量

  1. 全局变量globalModel详解
  2. 平台组件用到的key值整理

Stage1: DOM操作

如果你并未深入阅读过FineUI使用文档,仅仅追求最快效率的实现简单的需求,我们提供了对DOM操作的支持.如何直接操作DOM:

  1. 元素选择器: 绝大多数的FineUI控件都会设置基础className,可以通过开发者工具检查元素,查看对应的className.但这样具有局限性,如果querySelector返回的结果不唯一怎么办?
  2. BI.Plugin.registerObject: 通过查询组件shortcut列表,可以注册组件,在组件渲染后获取组件的实例. BI.Plugin.registerObject(key,cb)

下面几个示例列举了常见的使用场景,通过用Jquery对元素进行增删改:

  1. 修改平台LOGO
  2. 修改平台标题
  3. 增加一个footer
  4. 隐藏侧边栏
  5. 侧栏移动到右侧
  6. 贴底隐藏的侧边栏
  7. 按鼠标中键关闭标签
  8. 全屏状态下左右切换按钮
  9. 一个图标+文字的组件

Stage2: 布局组件

使用布局组件前请先查阅布局组件API,了解一下基础布局的使用场景和API. 应用布局组件的好处是我们只需关心想要什么形式的布局,而无需关系怎么实现,免去了写各种繁杂的样式处理居中,浮动,边距等问题.

  1. 一个图标+文字的组件