0

在我的 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>

用户可以进入任一选项卡并更新内容。我需要在表单提交时获取所选选项卡的内容。我怎样才能知道用户选择的选项卡？

4

2 回答 2

0

简单地说，使用提交表单的代码在 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);
}
于 2013-10-18T14:23:06.550 回答
0

在 jQuery UI 1.9 中，不推荐使用 selected 选项：

不推荐使用的选项；重命名为活跃

(#7135) 选定的选项已重命名为活动，以与 jQuery UI 中的其他插件保持一致。您应该将所选选项的所有用途替换为活动选项。

所选选项将在 1.10 中删除。

这是获取当前选项卡的新方法：

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

代码示例：

使用指定的活动选项初始化选项卡：

$( ".selector" ).tabs({ active: 1 });

初始化后获取或设置活动选项：

// getter
var active = $( ".selector" ).tabs( "option", "active" );

// setter
$( ".selector" ).tabs( "option", "active", 1 );
于 2013-10-17T22:08:46.260 回答