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%"; 

基於按鈕「標籤」屬性的按鈕顯示，實際上不佔用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);