Dojo 之旅2 Set Button Width
来源:互联网 发布:java中类似于c action 编辑:程序博客网 时间:2024/06/10 23:55
Dojo学习曲线真的很难学,本人的观点:主要是版本差异太大,而且文档更新速度慢。例如设置一个Button的宽度
一开始以为这是非常简单的。但是试过之后不是那么简单。
第一招:最开始以为使用class很简单,但是设置完成后不起作用。Dojo解析之前是设置的宽度,但是解析之后恢复到他默认的宽度。使用单独css文件+嵌入html中style都不好用。
.loginButton
{
width:88px;
}
第二招:覆盖Button缺省设置重写dijitButtonNode
.dijitButtonNode
{
width:66px;
}
ok,好用,但是问题是所有的按钮长度都一样了。
第三招:修改iconClass
<button type="button" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass='ssss'">重置</button>
长度是变化了,但是文字右对齐
第四招:在Button嵌入div
<button type="submit" data-dojo-type="dijit/form/Button"><div style="width:66px;">重置</div></button>
试了ok!
第五招:来自http://app.maqetta.org/maqetta/,需要注册。他是IBM开发的Dojo在线IDE,也有离线的我没有安装成功。使用在线也挺好也不是总用,熟了后就不用了
这是正确的使用方法:
html
<button type="submit" data-dojo-type="dijit/form/Button">登录</button>
<button type="button" class="loginButton" data-dojo-type="dijit/form/Button">重置</button>
css(注意写法问题,不生效主要是写的有问题,他的教程上没有示例,财力不雄厚啊。穷人腰就挺不直啊!!!!
.claro .loginButton.dijitButton .dijitButtonNode //claro 界面template
{
width:88px;
}
试试,好用了!
推荐大家使用maqetta在线编辑器,然后看代码即可正确的使用Dojo!祝大家好运!!!!
- Dojo 之旅2 Set Button Width
- dojo之Button篇
- dojo学习之button
- dojo中button的使用
- Dojo之简介(Dojo项目)
- Dojo之简介(Dojo调试)
- Dojo+MVC 之旅1 HelloWorld
- dojo学习之旅【一】 入门
- Dojo入门之(2)—Widget
- (2)Dojo学习之模块化
- dojo-dijit.form.Button的使用
- CSS之border-width
- CSS之Max-Width
- Set Height and Width Pie Chart
- dojo 2
- dojo学习之2——使用 Dojo 掌握面向对象开发
- Dojo入门教程之dojo.io.bind详解
- 【Dojo学习之四】Dojo语法
- node.js-v0.8API解读(1)-domain
- java多线程笔记
- libs--libnet
- java_this关键字
- 发布站点提示PipelinePreDeployCopyAllFilesToOneFolder
- Dojo 之旅2 Set Button Width
- 匹配用户名的正则表达式
- Android4.1 Framwork层Input子系统分发InputEvent流程图
- andriod 使用隐藏API
- CPU Cache line
- TCP/IP 通信
- Android4.1 Input子系统中间层算法漏洞分析
- 工作流应用正在进入高端领域,请大家高度关注
- 楼宇自动控制 全新工作模式