使用dojo将表单拆分为标签页

我有一个表单，跨5个类别超过100个字段，其中只有3个字段是必需的，其余的都是自动填充或设置为默认值。早些时候，我使用dijit.TitlePane来分割这些部分并隐藏其余的部分。使用dojo将表单拆分为标签页

我现在已决定切换到选项卡模式，因为我想分布我的用户界面比垂直水平。现在，当我尝试使用dijit tabcontainer执行相同操作时，表单会在第一个选项卡本身中打开选项卡功能和所有元素。

这里是我的代码：

<div id="mainTabContainer" dojoType="dijit.layout.TabContainer" region="center" > 
    <form id="${cid}form" dojoType="dijit.form.Form" onSubmit="return false"> 
    <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Section1" selected="true"> 
     <table> 
     <tr> 
      [...] 
     </tr> 

     <tr id="..."> 
      [...] 
     </tr> 

     <tr id="..."> 
      [...] 
     </tr> 

     <tr> 
      [...] 
     </tr> 

     <tr> 
      [...] 
     </tr> 

     </table> 
    </div> 

    <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Section2"> 
     <table> 
     <tr> 
      [...] 
     </tr> 

     <tr> 
      [...] 
     </tr> 

     </table> 
    </div> 

    <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Section3"> 
     [More tab content] 
    </div> 

    <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Calendaring"> 
     [More tab content] 
    </div> 

    <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Section3"> 
     [More tab content] 
    </div> 

    <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Section4"> 
     [More tab content] 
    </div> 
    </form> 
</div>

现在，如果我删除了形式的标签，标签显示了罚款。有人能帮我解决这个问题吗？

来源

2009-09-30 Abhi

您是否尝试过以下方法？

<form id="${cid}form" dojoType="dijit.form.Form" onSubmit="return false"> 
    <div id="mainTabContainer" dojoType="dijit.layout.TabContainer" region="center" > 
     <div class="tabContentSection" dojoType="dijit.layout.ContentPane" title="Section1" selected="true"> 
     ... 
     </div> 
     ... 
    </div> 
</form>

我猜解析器未能建立TabContainer的，因为它希望看到一堆ContentPanes的，但找到一个表格。该表单应该在TabContainer之外移动。

来源

2009-09-30 13:02:22

把上面的表单做了工作，但因为它反过来在bordercontainer内，UI仍然不合适。然后，修正是将表单放入内容窗格中，并放在borderContainer内。

来源

2009-10-01 06:29:47 Abhi

在这种情况下，设置窗体的宽度和高度为我工作，而不是添加另一个内容窗格。 – Traker 2011-09-15 20:46:46

使用dojo将表单拆分为标签页

回答

相关问题