代码改变世界

使用 TabPanel.OnClientClick 实现 TabContainer 按需加载

2009-02-20 11:47  晓风残月  阅读(2186)  评论(0)  编辑  收藏  举报

使用 TabPanel.OnClientClick 实现 TabContainer 实现按需加载，代码如下：

注意：OnClientClick 指定的方法是不能带()的，所以不能指定参数，否则你将得到两个脚本错误：
                Sys.InvalidOperationException: Handler must be a function.
                Sys.InvalidOperationException: Handler was not added through the Sys.UI.DomEvent.addHandler method.
此错误参考：Event handler Javascript error: Sys.InvalidOperationException: Handler must be a function (CalendarPopupExtender)

 

<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript">
        function LoadTabBaidu() {
            LoadTab('frmBaidu', 'http://www.baidu.com/s?wd=tabcontainer&cl=3&ie=utf-8' + Date());
        }
        function LoadTabYahoo() {
            LoadTab('frmYahoo', 'http://one.cn.yahoo.com/s?p=tabcontainer&pid=hp&v=web' + Date());
        }
        function LoadTabLive() {
            LoadTab('frmLive', 'http://search.live.com/results.aspx?q=tabcontainer&src=IE-SearchBox&Form=IE8SRC&stamp=' + 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="http://www.google.cn/search?hl=zh-CN&q=tabcontainer&lr=" 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>

 

http://topic.csdn.net/u/20090220/09/8cb42889-c5c9-410e-8d92-c81261b68f88.html?seed=1808103980