Я хочу, чтобы мой ajaxToolkit: TabContainer имел вкладку, которая позволяет пользователю добавлять еще одну вкладку. Я только хочу, чтобы она была обратной, когда они нажали на вкладку «+» и никто другой. я не могу показаться, чтобы остановить событие кипящий в Javascript:ajaxToolkit: TabContainer подтверждает при добавлении вкладки
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript">
function checkTab(sender, e) {
if (sender.get_activeTab().get_headerText().replace("<span>", "").replace("</span>", "") != "+") {
cancelBubble(e);
}
else {
if (!confirm('Are you sure?')) {
cancelBubble(e);
}
}
}
function cancelBubble(e) {
if (e) {
e.stopPropagation();
}
else {
window.event.cancelBubble = true;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager" runat="server">
</asp:ScriptManager>
<ajaxToolkit:TabContainer ID="MyTabContainer" runat="server" OnActiveTabChanged="MyTabContainer_OnActiveTabChanged"
AutoPostBack="true" OnClientActiveTabChanged="checkTab">
<ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="My First Tab" Enabled="true">
<ContentTemplate>
My first tab
</ContentTemplate>
</ajaxToolkit:TabPanel>
<ajaxToolkit:TabPanel ID="AddTabPanel" runat="server" HeaderText="+" Enabled="true">
<ContentTemplate>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
</div>
</form>
</body>
</html>
protected void MyTabContainer_OnActiveTabChanged(object sender, EventArgs e)
{
TabPanel tp = new TabPanel();
tp.HeaderText = "New Tab";
MyTabContainer.Tabs.Add(tp);
}
Спасибо, Alex
Ничего хорошей, она по-прежнему проходит через обратную передачу, поскольку это не позволит мне сделать: OnClientActiveTabChanged = "return checkTab" –
@AlexDriver Я не работал с элементами управления AJAX Control Toolkit, но вы попробовали «OnClientActiveTabChanged =» return checkTab (this); »или просто« OnClientActiveTabChanged = »return checkTab(); «'? – jadarnel27
SyntaxError: ошибка синтаксиса ... pPlacement ": false}, {" activeTabChanged ": return checkTab (this);}, null –