我在更新面板中有一个选项卡容器,我想在选项卡容器下方显示 GridView 。在选项卡容器内部,当我按下每个选项卡时可以进行更改,但当单击选项卡时我无法在 GridView 中进行更改。
目前我可以看到下面的 JavaScript 正在工作,正如我使用警报确认的那样。
<script type="text/javascript" src="Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.13.custom.min.js">
</script>
<script type="text/javascript">
function tabClick() {
var selected_tab = $("#TabContainer1").tabs();
alert(selected_tab);
return;
}
我有一个如下的选项卡容器
<asp:UpdatePanel ID="EmployeeInfoUpdatePanel" runat="server">
<ContentTemplate>
<div style="padding-left:205px">
<asp:TabContainer ID="TabContainer1" runat="server" Width="955px"
Height="350px" CssClass="fancy fancy-green" ActiveTabIndex="0" OnClientActiveTabChanged="tabClick">
<asp:TabPanel ID="companyTab" HeaderText="Company" runat="server" ForeColor="Black">
<ContentTemplate>
codes....
我搜索并找到了一些代码,例如 tab.get_activetab 但它不起作用。如果我输入 selected_tab。 Visual Studio 提供了我可以选择的选项,但是没有 get_activetab 或 _activeTabIndex 的选项
我想获取事件选项卡 ID 并将参数传递给 C# 代码。
可能吗?
有人可以帮忙吗?
谢谢
最佳答案
首先,您可以从 jquery 对象或 native JavaScript 对象中获取任何元素的 id,如下所示
// jquery get id of html element
$(myJquerySelector)[0].id
$(myJquerySelector).attr('id');
// native js get id of html element
document.querySelector(myNativeSelector).id;
document.getElementById(theID).id;
但你的问题还不止于此。要获取事件选项卡的 ID,您只需获取该选项卡即可
$('.ui-tabs-active')[0].id // will give you the id of the active tab
然后要将其传递到您的服务器,您需要 AJAX 。所以类似:
$.post('/my/server/path', { id : $('.ui-tabs-active')[0].id });
这会将事件选项卡的 ID 发布到您的服务器和 C#。
关于javascript - 如何使用 jquery 或 javascript 获取 tabcontainer ID?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15372333/