Dojo 之旅2 Set Button Width

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!祝大家好运！！！！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!