元素之间的空间

Question

这里我正在创建包含表单的对话框小部件。这个表单是在用户触发任何操作时动态创建的（工作正常）。根据用户操作，使用按钮创建textboxes的数量。以下是代码。

function myPractice(){


            var paramCount = 3; // as of now, 3 textboxes are being created

            for(i=0; i<paramCount; i++)
            {
              form.domNode.appendChild(dojo.doc.createTextNode("Parameter " + (i+1)));

                new TextBox({
                value: paramList[i]
                }).placeAt(form.containerNode);

            }

            new Button({
                label: "OK",
                onClick: function(){
            }
            }).placeAt(form.containerNode);
        }

一切都很好。但问题是，在最后textbox结束时创建了Button。我希望它在dialog小部件的末尾正确放置在一个序列中。

如何将它放在Dialog的末尾？

Answer 1

你可以按照自己想要的方式工作，看起来像是一个真实的对话框，你使用dijitDialogPaneActionBar类here是一个如何以实际方式创建这个div的程序化示例。

在您的代码中，您应该执行以下操作：

function myPractice(){


            var paramCount = 3; // as of now, 3 textboxes are being created

            for(i=0; i<paramCount; i++)
            {
              form.domNode.appendChild(dojo.doc.createTextNode("Parameter " + (i+1)));

                new TextBox({
                value: paramList[i]
                }).placeAt(form.containerNode);

            }



          var actionBar = dojo.create("div", {
              "class": "dijitDialogPaneActionBar"
           }, dlg.containerNode);//dlg should be your dialog 

            new Button({
                label: "OK",
                onClick: function(){
            }
            }).placeAt(actionBar);
        }