Dojo按钮宽度百分比

Question

我在Dojo Contentpane中有一个Dojo按钮。

我已经按百分比配置了Dojo按钮宽度，但它没有生效。

button = new dijit.form.Button({
    id: "mybutton",
    label: "title",
    style: "width: 70%; top: 10px; left: 20px;"
}, ContentPane);

node = button.domNode;
node.style.position = "absolute";
node.style.left = "10px";
node.style.top = "20px";
node.style.width = "70%";

按钮显示基于按钮“label”属性，实际上不占用ContentPane的70％宽度。

Answer 1

首先，在CSS中，定义一个这样的类：

.claro .dijitButton .dijitButtonNode, .button {
    width : 70%;
}

（将.claro替换为您正在使用的主题名称。）

然后，在您的JavaScript上，只需执行：

// Assuming your contentPane div has an id "contentPane"
var contentPane = dijit.byId("contentPane");
var button = new dijit.form.Button({
    id: "mybutton",
    label: "title",
    class : "button"
});
contentPane.set("content", button);