Question

在我的MVC应用程序中我使用jquery UI选项卡（jquery-ui-1.9.0）并使用下面的脚本设置选项卡

<script type="text/javascript">
$(document).ready(function () {
    $( "#tabs" ).tabs({ selected: @Convert.ToInt32(Model.SearchModel.SearchType) })
});

<div id="tabs">
 <ul>
   <li><a href="#articlesearchtab">Article</a></li>
   <li><a href="#othersearchtab">Other</a></li>
 </ul>

<div id="articlesearchtab">
   //content
</div>

<div id="othersearchtab">
   //content
</div>

用户可以进入选项卡并更新内容。我需要在表单提交上获取所选标签的内容。如何知道用户选择的标签？

Answer 1

<强> In jQuery UI 1.9, the selected option is deprecated:

已弃用的选定选项;重命名为活动

（＃7135）所选选项已重命名为活动以保持一致性   与jQuery UI中的其他插件。你应该替换所有用途   选择了带有活动选项的选项。

所选选项将在1.10中删除。

<强> Here is the new way to get the current tab:

布尔值：将active设置为false将折叠所有面板。这要求可折叠选项为真。   整数：活动（打开）面板的从零开始的索引。负值选择从最后一个面板向后移动的面板。

代码示例：

使用指定的活动选项初始化选项卡：
$( ".selector" ).tabs({ active: 1 });
初始化后获取或设置活动选项：
// getter
var active = $( ".selector" ).tabs( "option", "active" );

// setter
$( ".selector" ).tabs( "option", "active", 1 );

Answer 2

简单地说，使用您提交表单后面的代码在javascript中调用相同的标签。

<script type="text/javascript" language="javascript">
    function OpenMoreDetails(id) {
        document.getElementById(id).style.display = 'block';
        return false;
    }
</script>

protected void btnAttachDocument_Click(object sender, EventArgs e)
{

    //your code     
    ScriptManager.RegisterStartupScript(this, GetType(), "attach",  "OpenSearchOption('yourtabid',this);", true);
}

如何在jquery ui选项卡中的表单提交上获取选定的选项卡

2 个答案: