Layout with Dijit-几个程序的完整图片

23 篇文章 0 订阅

整个例子的最终效果图如下:图1

就是有个头、左侧边栏、右侧是内容栏,然后内容栏内部是用tab页面方式来进行布局。

接下来是只有HTML标签,没有加任何控件的页面。页面如下图:图2

接下来是:添加了widget之后,但是还没有添加tab页面的时候的效果,图如下:图3

接下来是:是嵌套的BorderContainer,这个例子很精妙,上下,左右都可以调尺寸,图如下:图4

接下来:添加了Tab页面的效果,这个也是最终的效果图了,和上面的第一张图片是一样的。属性上可以设置一下tab页面的具体位置,是上面还是在下面。图如下:图5

接下来:是用StackContainer,如下图:图6

接下来是:用编程的方式来做布局,图如下:图7(这个程序需要有一个同级页面叫contentGroup1.html存在)

接下来是最后一个例子了,如图所示:图8。点击button,生成下面的tab页面,我已经点击了15次了,多么完美的点击。

接下来去休息吧,累死大叔我了。

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值