Originally Posted by
Daniil
Hi @chippi,
Please provide a simplified full test case.
Hi Daniil,
Ok Let me explain.
I have a masterpage with menupanel on the left and a header control and footer control.andon clicking the menu items, i want to open the child pages in different tabs.exactly same as the way we see in the ext.net examples page.
For this i am creating a tabpanel inside the contentplaceholder in the master page and trying to open each page inside it in different tabs..but when i call the javascript function to open/add tabs on clicking menuitem the tabpanel isnt passed as a result it shows null..and hence i end up getting error.
Will you please help me achieve this??
i have been breaking my head on this for the past 2 weeks no but still no luck.
here i am posting my masterpage code:
####################Masterpage File############################################## #############
<body style="background-color:White">
<form id="form1" runat="server">
<%-- <asp:ContentPlaceHolder ID="CpHead" runat="server">--%>
<div align="center">
<table style="height: 79px; width: 100%">
<tr>
<td align="center" bgcolor="EFF3FB" style=" color: Blue; font-size: x-large"
class="style1">
Repton School</td>
</tr>
<%-- Text='<%# System.DateTime.Now.ToLongDateString() %>'--%>
<tr><td align="right" bgcolor="CDDEF3" style="color:Black"><asp:Label ID="lblTime" runat="server" ></asp:Label></td></tr>
</table>
<table width="100%">
<tr><td style="width: 82px" align="left" valign="top">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:MenuPanel ID="MenuPanel1" runat="server" Height="670" Title="Menu"
Width="185" >
<menu Layout="VBoxLayout">
<Items>
<ext:MenuItem ID="mnuHome" runat="server" Text="Home" DirectClickUrl="~/Webpages/Home.aspx" >
<Listeners>
<Click Handler="addTab(#{Mainpnl},'idHome', '~/Webpages/Home.aspx');" /> ///Here i am calling the JAvascript Function
</Listeners>
</ext:MenuItem>
<ext:MenuItem ID="mnuInfo" runat="server" Text="My Info" DirectClickUrl="~/Webpages/Grid.aspx" />
<ext:MenuItem ID="mnuNewsApprove" runat="server" Text="Approve News" />
<ext:MenuItem ID="mnuUserID" runat="server" Text="Create User ID" />
<ext:MenuItem ID="mnuPupil" runat="server" Text="Pupil Info" />
<ext:MenuItem ID="mnuLesson" runat="server" Text="Lesson Plan" />
<ext:MenuItem ID="mnuReport" runat="server" Text="Report Card" />
<ext:MenuItem ID="mnuAttendance" runat="server" Text="Attendance" />
<ext:MenuItem ID="mnuLeaveApprove" runat="server" Text="Approve Leave" />
<ext:MenuItem ID="mnuMonth" runat="server" Text="Month Attend" />
<ext:MenuItem ID="mnuHomeWork" runat="server" Text="Home Work" />
<ext:MenuItem ID="mnuEventCal" runat="server" Text="Event Calendar" />
<ext:MenuItem ID="mnuECA" runat="server" Text="ECA Details" />
<ext:MenuItem ID="mnuHealth" runat="server" Text="Health Report" />
<ext:MenuItem ID="mnuArticleApprove" runat="server" Text="Approve Article" />
<ext:MenuItem ID="mnuNews" runat="server" Text="News" />
<ext:MenuItem ID="mnuArticle" runat="server" Text="Articles" />
<ext:MenuItem ID="mnuTimeTable" runat="server" Text="TimeTable" />
<ext:MenuItem ID="mnuExam" runat="server" Text="Exam Schedule" />
<ext:MenuItem ID="mnuExamCurriculum" runat="server" Text="Exam Curriculum" />
<ext:MenuItem ID="mnuHoliday" runat="server" Text="Holiday List" />
<ext:MenuItem ID="mnuIncident" runat="server" Text="Incident Slip" />
<ext:MenuItem ID="mnuNotesonPupil" runat="server" Text="Notes On Pupil" />
<ext:MenuItem ID="mnuContact" runat="server" Text="Contact Us" />
<ext:MenuItem ID="mnuChangePasswd" runat="server" Text="Change Password" />
<ext:MenuItem ID="mnuLogout" runat="server" Text="Logout" />
</Items>
</menu>
</ext:MenuPanel>
</td>
<td align="left" valign="top">
<asp:ContentPlaceHolder ID="CpBody" runat="server">
<br />
<ext:TabPanel ID="Mainpnl" runat="server" Border="true" > </ext:TabPanel>
</asp:ContentPlaceHolder>
</td></tr>
</table> </div>
</form>
</body>
##############adding tabs using the Javascript function ########################
<ext:XScript ID="XScript1" runat="server">
<script type="text/javascript" >
var addTab = function (tabPanel, id, url) {
var tab = tabPanel.getComponent(id);
if (!tab) {
tab = tabPanel.add({
id: id,
title: url,
closable: true,
autoLoad: {
showMask: true,
url: url,
mode: "iframe",
maskMsg: "Loading " + url + "..."
}
});
tab.on("activate", function () {
var item = MenuPanel1.menu.items.get(id + "_item");
if (item) {
MenuPanel1.setSelection(item);
}
}, this);
}
tabPanel.setActiveTab(tab);
}
</script>
</ext:XScript>
</html>
################################################## ############################################