Dojo 之旅2 Set Button Width

大佬教程收集整理的这篇文章主要介绍了Dojo 之旅2 Set Button Width，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_419_0@Dojo学习曲线真的很难学,本人的观点:主要是版本差异太大，而且文档更新速度慢。例如设置一个Button的宽度

@H_419_0@一开始以为这是非常简单的。但是试过之后不是那么简单。

@H_419_0@第一招:最开始以为使用class很简单,但是设置完成后不起作用。Dojo解析之前是设置的宽度，但是解析之后恢复到他默认的宽度。使用单独css文件+嵌入html中style都不好用。

@H_419_0@.loginButton

@H_419_0@{

@H_419_0@width:88px;

@H_419_0@}

@H_419_0@第二招:覆盖Button缺省设置重写dijitButtonNode

@H_419_0@.dijitButtonNode

@H_419_0@{

@H_419_0@width:66px;

@H_419_0@}

@H_419_0@ok，好用，但是问题是所有的按钮长度都一样了。

@H_419_0@第三招:修改iconClass

@H_419_0@<button type="button" data-dojo-type="dijit/form/Button" data-dojo-props="iconClass='ssss'">重置</button>

@H_419_0@长度是变化了，但是文字右对齐

@H_419_0@第四招:在Button嵌入div

@H_419_0@<button type="submit" data-dojo-type="dijit/form/Button"><div style="width:66px;">重置</div></button>

@H_419_0@试了ok！

@H_419_0@第五招:来自http://app.maqetta.org/maqetta/,需要注册。他是IBM开发的Dojo在线IDE,也有离线的我没有安装成功。使用在线也挺好也不是总用，熟了后就不用了

@H_419_0@这是正确的使用方法:

@H_419_0@html

@H_419_0@<button type="submit" data-dojo-type="dijit/form/Button">登录</button>
<button type="button" class="loginButton" data-dojo-type="dijit/form/Button">重置</button>

@H_419_0@css(注意写法问题,不生效主要是写的有问题,他的教程上没有示例,财力不雄厚啊。穷人腰就挺不直啊！！！！

@H_419_0@.claro .loginButton.dijitButton .dijitButtonNode //claro 界面template
{
width:88px;
}

@H_419_0@试试,好用了!

@H_419_0@推荐大家使用maqetta在线编辑器，然后看代码即可正确的使用Dojo!祝大家好运！！！！

大佬总结

以上是大佬教程为你收集整理的Dojo 之旅2 Set Button Width全部内容，希望文章能够帮你解决Dojo 之旅2 Set Button Width所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。