在做項(xiàng)目的時(shí)候，我們有時(shí)候會(huì)遇到一種需求，一個(gè)頁(yè)面有兩種數(shù)據(jù)源，也就對(duì)應(yīng)著兩個(gè)列表頁(yè)。但是你不想新建兩個(gè)頁(yè)面：

• 一、是因?yàn)樾陆?yè)面多了本來(lái)就麻煩；

• 二、是頁(yè)面之間跳轉(zhuǎn)感覺(jué)太明顯，用戶體驗(yàn)不是很好；

因此我傾向于使用DropDownList 進(jìn)行切換

優(yōu)點(diǎn)：

• 1、減少頁(yè)面的數(shù)量；

• 2、提高用戶體驗(yàn)；結(jié)合UpdatePanel和ContentTemplate控件的使用；

前臺(tái)代碼：

<li><span>數(shù)據(jù)類型：</span><span><asp:DropDownList runat="server" ID="DataType" AutoPostBack="true" OnSelectedIndexChanged="DataType_SelectedIndexChanged"><asp:ListItem Value="1">病蟲(chóng)防治</asp:ListItem><asp:ListItem Value="2">植物檢疫</asp:ListItem></asp:DropDownList></span></li><!--table1 begin--><div class="tableHead" id="tdhead1" runat="server"></div><div class="listBox" id="tdlist1" runat="server"></div><!--table1 end--><!--table2 begin--><div class="tableHead" id="tdhead2" runat="server"></div><div class="listBox" id="tdlist2" runat="server"></div><!--table2 end-->

后臺(tái)代碼：

• 第一次加載的時(shí)候執(zhí)行這個(gè)方法來(lái)控制顯示

private void iniData(){if (DataType.SelectedIndex == 0){tdhead1.Visible = true;//tdhead1顯示(visiable可以顯示的)tdlist1.Visible = true;//tdhead1顯示tdhead2.Visible = false;//tdhead2隱藏tdlist2.Visible = false;//tdlist2隱藏}else{tdhead1.Visible = false;tdlist1.Visible = false;tdhead2.Visible = true;tdlist2.Visible = true;}}`

點(diǎn)擊切換的時(shí)候代碼

protected void DataType_SelectedIndexChanged(object sender, EventArgs e){//加載數(shù)據(jù)bindData();//獲取參數(shù)queryParams = getQueryparams(); if (DataType.SelectedIndex == 0){tdhead1.Visible = true;tdlist1.Visible = true;tdhead2.Visible = false;tdlist2.Visible = false;}else{tdhead1.Visible = false;tdlist1.Visible = false;tdhead2.Visible = true;tdlist2.Visible = true;}}

總結(jié)

以上是生活随笔為你收集整理的一个页面实现多个管理页面任意切换的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。