我想将一个HTML表单分解到几个jQueryUI选项卡上,并有一个";“全部”;在一个表中包含所有表单位的选项卡
我希望在jQueryUI选项卡布局中将一个大型HTML表单分解为几个较小的子表单。但我想有一个特殊的“所有”选项卡,其中包含该选项卡上的所有子表单。因此,当用户单击“全部”选项卡时,他们可以查看和编辑通常在几个选项卡上划分的所有表单字段 我如何使用JQuery轻松地做到这一点?我希望避免有两个实际字段的副本,因为在子表单版本和特殊的“所有”表单版本之间复制/粘贴数据似乎很痛苦我想将一个HTML表单分解到几个jQueryUI选项卡上,并有一个";“全部”;在一个表中包含所有表单位的选项卡,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我希望在jQueryUI选项卡布局中将一个大型HTML表单分解为几个较小的子表单。但我想有一个特殊的“所有”选项卡,其中包含该选项卡上的所有子表单。因此,当用户单击“全部”选项卡时,他们可以查看和编辑通常在几个选项卡上划分的所有表单字段 我如何使用JQuery轻松地做到这一点?我希望避免有两个实际字段的副本,因为在子表单版本和特殊的“所有”表单版本之间复制/粘贴数据似乎很痛苦 请注意:我使用的是ui.jquery.com选项卡布局。假设您已经有了不同的选项卡工作/显示,当用户单击all并将其全部
请注意:我使用的是ui.jquery.com选项卡布局。假设您已经有了不同的选项卡工作/显示,当用户单击all并将其全部显示时,您可以循环浏览所有元素(包含按要求显示和隐藏的表单字段的块)。听起来并不难。将每个子表单包装在它自己的容器div中。在ready()方法的“all”页面上相对定位所有div元素,并将每个div设置为可见。然后,在单击选项卡按钮/字段以隐藏它们时,设置div的可见性,将选定的条带设置为条带。单击“all”只需调用在ready()方法中使用的相同函数,以便在第一个实例中布局div 您肯定不需要字段的两个副本(或者必须在它们之间进行任何复制) 然而,有很多javascript/jquery选项卡组件,我可能会从其中一个开始,首先看看其他人是如何做的,其次,你是否可以调整它 一些选项卡插件: 设置div可见性:
似乎您只需要将字段分组为DIV,然后一次只显示一个DIV,除非查看者选择了“All”。这是一个非常快速的模型,但应该清楚地说明我的观点
<!-- Clicking a groupButton hides all groups, save for the href'd group -->
<a href="#group1" class="groupButton">Group 1</a>
<a href="#group2" class="groupButton">Group 2</a>
<!-- If the href'd group is '0', show all groups -->
<a href="#group0" class="groupButton">View All</a>
<div id="group1" class="group">
<!-- Group 1 Form Elements -->
</div>
<div id="group2" class="group">
<!-- Group 2 Form Elements -->
</div>