TabContainer的取值问题

我的控件 写在 TabContainer 里 请问如何用javascript 获取 TabContainer 里的控件

解决方案 »

  1.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title></title>
        <script language="javascript" type="text/javascript">
            function GetTextBox1Value() {
                alert(document.getElementById("TabContainer1_TabPanel1_TextBox1").value);
            }        function GetTextBox2Value() {
                alert(document.getElementById("TabContainer1_TabPanel2_TextBox2").value);
            }        //ID名 = TabContainer名 + '_' + TabPanel名 + '_' + 控件名
            //如TextBox1在TabContainer1中的TabPanel1内,则为:TabContainer1_TabPanel1_TextBox1
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" >
                                <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Tab1">
                                    <HeaderTemplate>
                                        Tab1
                                    </HeaderTemplate>
                                    <ContentTemplate>
                                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                    </ContentTemplate>
                                </cc1:TabPanel>
                                <cc1:TabPanel ID="TabPanel2" runat="server" HeaderText="Tab2">
                                    <ContentTemplate>
                                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                                        <input id="Button2" type="button" value="button" onclick="GetTextBox2Value()" />
                                    </ContentTemplate>
                                </cc1:TabPanel>
                            </cc1:TabContainer>
                        </ContentTemplate>
            </asp:UpdatePanel>
        
            <input id="Button1" type="button" value="button" onclick="GetTextBox1Value()" /></div>
        </form>
    </body>
    </html>