这个博客已经过去了很久……

不过,你可以通过以下方式找到我

现在的位置: 首页 > 谈前端 > JavaScript > 正文
BUI快速上手(前端)
2013年11月06日 JavaScript ⁄ 共 760字 等你评论

BUI是什么?

  1. BUI是基于jQuery的UI类库
  2. BUI兼容KISSY
  3. BUI兼容seajs

BUI包含的模块

  1. loader: 加载BUI各个模块
  2. common: 包含util类,如JSONArrayUA等;包含所有UI控件的基类:component
  3. data: 包含StoreProxy等类进行数据加载管理
  4. calendar : 日历控件,包含日期、时间和月份选择
  5. menu : 菜单,可以通过自定义样式和html渲染自定义菜单
  6. list : 列表,可以通过自定义样式和html渲染各种列表
  7. overlay: 包括:Dialog,Message 等悬浮的元素
  8. select : 包括 Select、Combox和Suggest等选择框
  9. toolbar : 包括 一般的bar、分页栏、数字分页栏等工具栏
  10. grid: 表格,包括SimpleGrid,Grid以及一系列Plugins
  11. tab : 切换标签,可以用于切换内容和导航

加载BUI

引入BUI的 seed.js

你可以仅仅引入BUI的 seed.js,文件中包含loadercommon,此时其他模块使用BUI.use引入

<script src="http://a.tbcdn.cn/s/bui/seed-min.js"></script>

引入BUI全部模块

你也可以使用全部打包好的bui.js,所有的模块都包含在此文件中,你可以使用BUI.use引入文件

<script src="http://a.tbcdn.cn/s/bui/bui-min.js"></script>

加载单个JS文件

BUI.use('bui/grid',function(Grid){

});

加载多个JS文件

BUI.use(['bui/grid','bui/data'],function(Grid,Data){

});

BUI简单示例

【上篇】
【下篇】
友荐云推荐
×