当前位置 : 主页 > 网页制作 > Dojo >

Dojo 之旅2 Set Button Width

来源:互联网 收集:自由互联 发布时间:2021-06-15
Dojo学习曲线真的很难学,本人的观点:主要是版本差异太大,而且文档更新速度慢。例如设置一个Button的宽度 一开始以为这是非常简单的。但是试过之后不是那么简单。 第一招:最开始以

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

网友评论