요소 사이의 간격

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); 
     } 

모든 것이 잘 작동합니다. 하지만 여기서 문제는 Button이 마지막에 textbox의 끝에 생성되고 있다는 것입니다. 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); 
     } 

: 이것에 대한 코드에서

는 이런 일을해야 작동합니다