设置Dojo按钮的宽度

Gau*_*rav 6 javascript css dojo

注意:这与此问题有关.

我试图以编程方式创建一个dojo按钮,如下所示:

var btnOK = new dijit.form.Button({
    label: "OK",
    showLabel: true,
    style: "height: 20px; width: 50px;"
});
Run Code Online (Sandbox Code Playgroud)

现在即使我指定宽度,显示按钮宽度也设置为最小(即文本+边距).答案中解释的原因 是dojo覆盖了button(class="dijitButtonNode")的css样式.进一步(在同一答案中)宽度是通过覆盖同一类的样式来设置的.

没有这个css解决方法,是否可以做同样的事情(即设置宽度)?

Gau*_*rav 7

最后,我解决了这个问题.要设置宽度,我们必须使用dojo.style函数设置宽度

    dojo.create("button",{id: "btnOK",type: "button"},dojo.body());

    var btnOK = new dijit.form.Button({
                label: "OK",
                showLabel: true,
                style: "height: 20px;"
                },
               "btnOK");

    dojo.style("btnOK","width","40px");
Run Code Online (Sandbox Code Playgroud)