接触BUI也有一段时间,也用在了移动端的项目开发中,总的来说,该框架用起来也挺灵活的,控件可以自由定制,前提是自己能认真地学习该框架的api,因为api里面说的东西比较详细,如果没有仔细看的,可能有些功能点没有看到而导致一些效果弄不了,以下是我学习运用bui所得到的一点小心得,说的不好的地方,希望指正

一. 控件的不同使用实现不同的功能

1.使用bui.slide实现轮播图的效果(截图里面的内容不是图片,而是可以配置的文字,当然了可以配置成图片的)


2.使用bui.slide实现新闻轮播的效果(通过设置方向为纵向滚动)

3.使用bui.slide实现底部导航条切换页面的效果

4.使用bui.slide实现tab切换的效果(tab这里有个to的方法,可以激活第几个tab)

以上者几种功能是我使用的比较多的,一个控件可以实现这么多的效果(当然前提是对api有认真地学习),得出来的效果也是挺赞的,不得不佩服开发这套框架的人

不过官网上还有其他几种的效果也是依赖bui.slide来实现的,这里我这边用的比较少,我就不截图了,有兴趣的可以点击http://www.easybui.com/demo/#...

二.bui.back()在单页面开发中的使用

  • 这个方法在项目中,可以绑定到一个特定的返回类名中,这样的话,在需要用到简单返回的页面中,可以直接调用

  • 在已打开的页面中,可使用这个方法返回到指定的页面

 1).如果需要返回到首页去,无论当前页面处在多少个子层级页面里面,则可以使用这个name:'main';

  2).如果在返回某个页面后,需要刷新该页面的数据,则可以利用bui.back()里面的回调函数进行操作(如果是返回main页面,则路劲是main就行,如果是其他页面,则为该页面的路径)图片中的init()和initCart()均为所返回的页面里面的请求数据的方法

三.底部导航条的妙用之处

1.在底部导航条的几个tab中,可能有一些选项是我们需要登录才可以进去的,如果没有登录则先跳去登录然后再返回来该tab,例如下图,

有类似此需求的,我们可以把登录信息的判断在底部导航条的点击的时候作判断,然后把该tab的索引也就是index传过去登录页,然后在登录成功的时候,利用bui.back()返回到所要进去的tab(main里面的tab方法记得要先return出来)

另外如果其他页面也想返回到导航条这里的其中一个tab,也可以使用
loader.require(["main"], function(res) {

var pageTab = res.tab;
pageTab.to(3, "none");

})
这里的3是导航条上的索引,需要自己手动配置("none"表示没有经过动画就切换到对应的tab)

弄过的项目只是用到了bui里面很少的一部分功能而已,bui里面还提供了很多更有趣的的功能,让我们在平时的项目开发中更好地开发,更多功能的学习请参考官网http://www.easybui.com/

文采不好,请见谅,以上是我在使用bui中的一点小心得,希望可以帮到大家一起学习

最新文章

  1. LAMP坏境和LNMP环境安装Nagios4.1.1和基本配置
  2. 创建16x16二级hash目录
  3. MVC5中,加载分部视图,常见的方式
  4. Windows:常见问题
  5. matlab示例程序--Motion-Based Multiple Object Tracking--卡尔曼多目标跟踪程序--解读
  6. [SEO] 网站标题分隔符
  7. Hibernate逆向代码问题
  8. Gradle+IDEA使用说明
  9. 自定义圆形的ProgressBar
  10. Linux内核分析--进程创建,执行,切换
  11. 第七节《Git协议与工作协同》
  12. Android--Service之基础
  13. Linux将未挂载的磁盘挂载到目录
  14. deepin使用笔记-解决安装并解决gvim没有启动器的问题
  15. 基本数据类型对象包装(Integer等)
  16. javaBean的相关知识和应用
  17. 拆分窗口QSplitter
  18. Linux —— 常见指令及其英文全称
  19. 在现实面前,IT从业者的无奈
  20. 使用eclipse自动生成WSDL客户端代码

热门文章

  1. Spring Cloud服务消费者(rest+ribbon)
  2. 1.redis安装配置
  3. Fiddler发送get post测试 笔记
  4. [LC] 293. Flip Game
  5. relieved|auction|calculate|campaign|charge for |chartered
  6. javaee验证码如何使用
  7. Linux安装完后的调优(linux 6)
  8. python中编码判断
  9. Java基础 带你深刻理解自动装箱,拆箱含义
  10. 使用Hangfire MVC 做排程