前往
大廳
主題

[ASP.NET C#] 後台控制HTML Table

我吃檸檬 | 2021-01-05 15:12:03 | 巴幣 0 | 人氣 416

後臺控制前台元件需加上 id 和 runat="server"
<table>
                    <tr id="test1" runat="server">
                        <td>1-1</td>
                        <td>1-2</td>
                        <td>1-3</td>
                        <td>1-4</td>
                    </tr>
                    <tr id="test2" runat="server">
                        <td>2-1</td>
                        <td>2-2</td>
                        <td >2-3</td>
                    </tr>
                    <tr id="test3" runat="server">
                        <td>3-1</td>
                        <td>3-2</td>
                        <td>3-3</td>
                    </tr>
</table>

才可在後台呼叫,例如
test1.Style["display"] = "none";//不顯示
test2.Style["display"] = "block";//顯示

但在後台控制時,若是只要控制顯示test1及test2,而test3固定顯示
也需要加上test3的後台控制,否則表格顯示會怪怪的

        protected void Button1_Click(object sender, EventArgs e)
        {
            test1.Style["display"] = "block";
            test2.Style["display"] = "none";
            test3.Style["display"] = "block";
        }

        protected void Button2_Click(object sender, EventArgs e)
        {
            test1.Style["display"] = "none";
            test2.Style["display"] = "block";
            test3.Style["display"] = "block";
        }

創作回應

更多創作