這篇文章主要講解了“如何利用TemplateField將姓和名顯示在一列中”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“如何利用TemplateField將姓和名顯示在一列中”吧！

致力于企業(yè)形象建設(shè)和產(chǎn)品！多年來(lái)，成都創(chuàng)新互聯(lián)公司不忘初心，以建立行業(yè)服務(wù)標(biāo)桿為目標(biāo)，不斷提升技術(shù)設(shè)計(jì)服務(wù)水平，幫助客戶在互聯(lián)網(wǎng)推廣自己的產(chǎn)品、服務(wù)，為客戶創(chuàng)造價(jià)值從而實(shí)現(xiàn)自身價(jià)值！中小型企業(yè)如何做品牌網(wǎng)站設(shè)計(jì)？初創(chuàng)業(yè)公司建站預(yù)算不足？

現(xiàn)在，每一個(gè)雇員的姓和名都是分開在兩列中顯示的。把它們放到一個(gè)列中顯示出來(lái)也許是一個(gè)不錯(cuò)的主意。要做到這一點(diǎn)，我們需要用到TemplateField。我們可以添加一個(gè)新的TemplateField，給它加上一些必須的標(biāo)記語(yǔ)言和數(shù)據(jù)綁定代碼，然后刪除原來(lái)的FirstName和 LastName這兩個(gè)BoundField；當(dāng)然，我們也可以將FirstName這個(gè)BoundField直接轉(zhuǎn)換成一個(gè)TemplateField，編輯它以加上LastName的值，然后再刪除LastName這個(gè)BoundField。

兩種辦法都行，不過(guò)我個(gè)人還是比較喜歡直接轉(zhuǎn)換的那種，因?yàn)檫@種方式可以自動(dòng)的添加一個(gè)含有Web控件和相應(yīng)的數(shù)據(jù)綁定代碼的ItemTemplate和EditItemTemplate，它們可以用來(lái)模仿一個(gè)BoundField的呈現(xiàn)和功能。這樣做的好處自然是不言而喻的，因?yàn)檗D(zhuǎn)換的過(guò)程已經(jīng)幫我們做了很多事情，那我們當(dāng)然就可以節(jié)約不少的時(shí)間了。

要將一個(gè)BoundField轉(zhuǎn)換成TemplateField，我們可以在GridView的智能標(biāo)簽的彈出菜單中點(diǎn)擊“編輯列”（Edit Columns）。在彈出對(duì)話框的左下角的列表中選擇需要轉(zhuǎn)換的BoundField，然后點(diǎn)擊右下角的“將此列轉(zhuǎn)換成模板列”（Convert this field into a TemplateField）即可。

TemplateField：在字段對(duì)話框中，將一個(gè)綁定列轉(zhuǎn)換成一個(gè)模板列

讓我們繼續(xù)將FirstName這個(gè)BoundField轉(zhuǎn)換成TemplateField。在這個(gè)更改之后，設(shè)計(jì)器中并沒(méi)有什么明顯的不同。這是因?yàn)閷oundField轉(zhuǎn)換成TemplateField時(shí)，其實(shí)是創(chuàng)建了一個(gè)維持之前的BoundField的外觀和感覺的TemplateField。盡管在設(shè)計(jì)器中沒(méi)有視覺上的變化，但是這個(gè)轉(zhuǎn)換的過(guò)程已經(jīng)將BoundField的聲明代碼——< asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" />——改成了如下所示的TemplateField的聲明代碼：

< asp:TemplateField HeaderText="FirstName" SortExpression="FirstName">      < EditItemTemplate>          < asp:TextBox ID="TextBox1" runat="server" Text='< %# Bind("FirstName") %>'>< /asp:TextBox>      < /EditItemTemplate>      < ItemTemplate>          < asp:Label ID="Label1" runat="server" Text='< %# Bind("FirstName") %>'>< /asp:Label>      < /ItemTemplate>  < /asp:TemplateField>

就像你看到的那樣，TemplateField由兩個(gè)模板組成——一個(gè)ItemTemplate，它有一個(gè)Label控件，其Text屬性被設(shè)置為FirstName數(shù)據(jù)字段的值；還有一個(gè)EditItemTemplate，它有一個(gè)TextBix控件，其Text屬性也被設(shè)置為FirstName數(shù)據(jù)字段的值。數(shù)據(jù)綁定語(yǔ)法——

< %# Bind("fieldName") %>——說(shuō)明數(shù)據(jù)字段fieldName 被綁定到了這個(gè)特定的Web控件的屬性上。

要將LastName添加到TemplateField中，我們需要為ItemTemplate添加一個(gè)Label控件并將其Text屬性綁定到LastName上。通過(guò)設(shè)計(jì)器或是手工編寫代碼都可以做到這一點(diǎn)。要手工寫代碼的話，只需簡(jiǎn)單的將相應(yīng)的聲明代碼添加到ItemTemplate中即可，如下所示：

< asp:TemplateField HeaderText="FirstName" SortExpression="FirstName">      < EditItemTemplate>          < asp:TextBox ID="TextBox1" runat="server" Text='< %# Bind("FirstName") %>'>< /asp:TextBox>       < /EditItemTemplate>       < ItemTemplate>           < asp:Label ID="Label1" runat="server" Text='< %# Bind("FirstName") %>'>< /asp:Label>           < asp:Label ID="Label2" runat="server" Text='< %# Bind("LastName") %>'>< /asp:Label>       < /ItemTemplate>   < /asp:TemplateField>

要通過(guò)設(shè)計(jì)器來(lái)添加的話，還是在GridView的智能標(biāo)簽的彈出菜單中點(diǎn)擊“編輯列”（ Edit Templates）。這樣會(huì)顯示GridView的模板編輯界面。在這個(gè)界面中，智能標(biāo)簽是GridView中模板的列表。因?yàn)檫@個(gè)時(shí)候我們只有一個(gè)TemplateField，所以下拉列表中只有FirstName的各種模板和EmptyDataTemplate以及PagerTemplate。如果指定了EmptyDataTemplate模板的話，它將用于綁定到GridView的數(shù)據(jù)源中沒(méi)有任何記錄時(shí)的輸出呈現(xiàn)；如果指定了PagerTemplate，它將用于呈現(xiàn)GridView的分頁(yè)界面。

TemplateField：GridView的模板列可以通過(guò)設(shè)計(jì)器來(lái)編輯

要在FirstName模板列中同時(shí)顯示LastName，從工具箱中拖一個(gè)Label到FirstName模板列的ItemTemplate中即可，當(dāng)然，這要在GridView的模板編輯界面中才行的，如下圖所示：

TemplateField：向FirstName模板列的ItemTemplate中添加一個(gè)Label

現(xiàn)在，添加到TemplateField的Label控件的Text屬性還是“Label”。我們需要修改這個(gè)以使這個(gè)屬性綁定到數(shù)據(jù)源中的LastName字段上。我們可以通過(guò)在Label控件的智能標(biāo)記上點(diǎn)擊一下，然后在彈出菜單中選擇“編輯數(shù)據(jù)綁定”（ Edit DataBindings）選項(xiàng)，如下圖所示：

TemplateField：從Label的智能標(biāo)簽上選擇Edit DataBindings選項(xiàng)

在彈出的數(shù)據(jù)綁定對(duì)話框中，你可以在左邊的列表中選擇需要綁定的屬性，然后在右邊的下來(lái)框中選擇一個(gè)數(shù)據(jù)字段。好了，我們現(xiàn)在在左邊選擇Text屬性，然后在右邊選擇LastName字段，點(diǎn)擊OK。

TemplateField：將Text屬性綁定到LastName字段上

注意：數(shù)據(jù)綁定對(duì)話框允許你聲明一個(gè)雙向的數(shù)據(jù)綁定。如果你保持“雙向數(shù)據(jù)綁定” （Two-way databinding）這個(gè)復(fù)選框?yàn)槲催x中的話，數(shù)據(jù)綁定的代碼將會(huì)是< %# Eval("LastName")%>而不是< %# Bind("LastName")%>。不過(guò)，對(duì)于本節(jié)教程來(lái)說(shuō)，兩個(gè)種做法的效果都是OK的。雙向數(shù)據(jù)綁定在插入和編輯數(shù)據(jù)的時(shí)候?qū)?huì)比較重要。但是如果僅僅是簡(jiǎn)單的顯示數(shù)據(jù)的話，兩種做法都是一樣的。我們將在今后的章節(jié)中詳細(xì)的討論一下雙向數(shù)據(jù)綁定。

讓我們?cè)倩ㄒ恍r(shí)間到瀏覽器中看看這個(gè)頁(yè)面。就像你看到的那樣，GridView仍然包含4列，不過(guò)，F(xiàn)irstName列里面顯示了姓和名兩個(gè)數(shù)據(jù)。

TemplateField：姓和名顯示在同一列里面了

要完成這一步，我們先刪除LastName這個(gè)綁定列，并將FirstName這個(gè)模板列的列頭文本（HeaderText）改成“Name”。在這之后，GridView的聲明代碼將會(huì)像下面這樣：

< asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"   DataKeyNames="EmployeeID"      DataSourceID="ObjectDataSource1">       < Columns>           < asp:TemplateField HeaderText="Name" SortExpression="FirstName">               < EditItemTemplate>                   < asp:TextBox ID="TextBox1" runat="server" Text='< %# Bind("FirstName") %>'>  < /asp:TextBox>               < /EditItemTemplate>               < ItemTemplate>                   < asp:Label ID="Label1" runat="server" Text='< %# Bind("FirstName") %>'>< /asp:Label>                  < asp:Label ID="Label2" runat="server" Text='< %# Eval("LastName") %>'>< /asp:Label>              < /ItemTemplate>          < /asp:TemplateField>          < asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />          < asp:BoundField DataField="HireDate" HeaderText="HireDate" SortExpression="HireDate" />      < /Columns>  < /asp:GridView>

TemplateField：每一個(gè)雇員的姓和名都顯示在同一列里面了

感謝各位的閱讀，以上就是“如何利用TemplateField將姓和名顯示在一列中”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)如何利用TemplateField將姓和名顯示在一列中這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

文章標(biāo)題：如何利用TemplateField將姓和名顯示在一列中
當(dāng)前地址：http://chinadenli.net/article46/ipcseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、網(wǎng)頁(yè)設(shè)計(jì)公司、虛擬主機(jī)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)