dojo对话框的编程实现

通过编程实现一个的代码片断

js片断
<script type="text/javascript">

       dojo.require("dijit.Dialog");

       function showDia(){

            

             pane=document.createElement("div");

             pane.setAttribute("id","diaDiv");
           
             document.body.appendChild(pane);

             var dia=new dijit.Dialog({title:"dojo dialog"},pane);

             dia.show();         

       }

</script>
  -------------------------
html片断
<button id="b1" onclick="showDia()">show dialog</button>  

这个我已经实现

我现在的问题是，如果希望在对话框里加入其他组件，如dojo的comboBox，又该如何呢？comboBox涉及到的数据源的组件,如dojo的ItemFileReadStore又该如何实现呢？
     

我还有另外一个问题：
dialog已经了contentpane，但我希望能象在一般page里实现layout一样，在dialog中也可以有其他的layout container.我该如何做？

我看见网上有另一种，事先写在页面，然后通过dijit.byId()方法获得并显示Dialog但不知道为什么有时候不能正常显示。

理论上说，用dijit.byId是可以得到某个widget的，而且在我使用的过程中也没有出现什么问题。

你说的现象，最好还是看具体情况，把你的代码拿出来分析一下。也许出错并不是dijit.byId的原因，而是其他原因导致

var formhtml="<table>";
for (prop in lables){
if(!lables[prop]) lables[prop]=prop+"";
var lb=lables[prop];
if(lb.select){
formhtml+=this.createSelect(lb.lable,prop,lb.select);
}else if(lb.check){
formhtml+=this.createCheckBox(lb.lable, prop);
}else{
formhtml+=this.createInputBox(lb,prop);
}
};
formhtml+="<tr><td colspan='2' align=\"center\"><button dojoType=dijit.form.Button type=\"submit\">OK</button></td></tr>";
formhtml+="</table>";
//console.debug('formhtml='+formhtml);
this.setContent(formhtml);

扩展dijit.Dialog类，然后初始化的时候setContent即可以

我这边做下来，使用setContent是可行的

具体代码类似：

var dlgDiv=document.createElement('div');
var dlg=new dijit.Dialog({title:"dojo dialog"},dlgDiv);

var btnDiv=document.createElement('div');
var btn=new dijit.form.Button({label:'Ok'},btnDiv);

dlg.containerNode.setContent(btn.domNode);