使用标签面板.OnClientClick实现TabContainer按需加载

2023-09-16 12:41:14 墨初知识笔记 115阅读

Use the tab panel. OnClientClick realizes TabContainer loading on demand, and the code is as follows: Note: The method specified by OnClientClick can't take (), so you can't specify parameters, otherwise you will get two script errors: the system. InvalidOperationException 3360 handler must be the function sys. InvalidOperationException 3360 handler was not added through the system copy command (abbreviation of system). User interface. DomEvent.addHandler method. This error reference: Event Handler java Description Language Error: System. InvalidOperationException: Handler must be a function (Calendarpopupextender)% @ pagelanguage=' c #'%! DOCTYPEhtmlPUBLIC '-//W3C//dtdxhtml 1.0 transitional//EN ' ' ' script runat=' server '/scripthtmlxmlns=' ' head runat=' server ' title/title script type=' text/JavaScript ' functionloadtab Baidu(){ LoadTab(' frmBaidu

und-color: rgba(245, 245, 245, 1); color: rgba(0, 0, 0, 1)">', '' + Date());
        }
        function LoadTabYahoo() {
            LoadTab('frmYahoo', '' + Date());
        }
        function LoadTabLive() {
            LoadTab('frmLive', '' + Date());
        }
        function LoadTab(frmId, frmSrc) {
            var frm = document.getElementById(frmId);
            if (frm.src == "") frm.src = frmSrc;
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <h1>使用 TabPanel.OnClientClick 实现 TabContainer 实现按需加载</h1>
        <ajaxtoolkits:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">
            <ajaxtoolkits:TabPanel ID="TabPanel1" runat="server" HeaderText="google">
                <ContentTemplate>
                    <iframe id="frmHome" src="" width="100%" height="500">
                    </iframe>
                </ContentTemplate>
            </ajaxtoolkits:TabPanel>
            <ajaxtoolkits:TabPanel ID="TabPanel2" runat="server" HeaderText="baidu" OnClientClick="LoadTabBaidu">
                <%--OnClientClick 指定的方法是不能带()的，所以不能指定参数，否则你将得到两个脚本错误：
                Sys.InvalidOperationException: Handler must be a function.
                Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.
                --%>
                <ContentTemplate>
                    <iframe id="frmBaidu" src="" width="100%" height="500"></iframe>
                </ContentTemplate>
            </ajaxtoolkits:TabPanel>
            <ajaxtoolkits:TabPanel ID="TabPanel4" runat="server" HeaderText="Yahoo" OnClientClick="LoadTabYahoo">
                <ContentTemplate>
                    <iframe id="frmYahoo" src="" width="100%" height="500"></iframe>
                </ContentTemplate>
            </ajaxtoolkits:TabPanel>
            <ajaxtoolkits:TabPanel ID="TabPanel3" runat="server" HeaderText="Live" OnClientClick="LoadTabLive">
                <ContentTemplate>
                    <iframe id="frmLive" src="" width="100%" height="500"></iframe>
                </ContentTemplate>
            </ajaxtoolkits:TabPanel>
        </ajaxtoolkits:TabContainer>

    </div>
    </form>
</body>
</html>

标签：