C#Repeater控制項的使用

來源:互聯網
上載者:User

標籤:

一、Repeater的用途

用來顯示資料

二、Repeater的使用步驟

step1:在網頁中拖入一個Repeater控制項。在後台代碼中,指定它的資料來源,需要一個List泛型集合。

public partial class query : System.Web.UI.Page{    protected void Page_Load(object sender, EventArgs e)    {        Repeater1.DataSource = new FruitDA().select();        Repeater1.DataBind();    }}

 

step2.在原始碼裡編輯列名,指定需要顯示的資料的屬性名稱。

 

運行結果

 

查看原始碼

 

小貼士:

Repeater沒有在網頁中顯示任何東西,只是把文字資料傳遞到網頁中。和Literal控制項是一樣的。

三、超連結傳輸資料

 

給新頁面添加一個事件

protected void Page_Load(object sender, EventArgs e)    {        Response.Write(Request["Ids"]);     }

 

運行結果

點擊“菠蘿”

 

小貼士:當用超連結傳輸資料後,在滑鼠位於超連結上時,可以在下方狀態列看到網址的變化。在接受資料的新頁面的地址欄也可以看到區別。

 

四、綜合運用

㈠以表格形式顯示網頁中的資料

本質:利用Repeater控制項拼字字串。

 

運行結果

 

㈡交替項標籤<AlternatingItemTemplate>的使用。

       

     <ItemTemplate>                <tr>                    <td bgcolor="blue"><%#Eval("Ids") %> </td>                    <td><%#Eval("Name") %></td>                </tr>            </ItemTemplate>            <AlternatingItemTemplate>                    <td bgcolor="green"><%#Eval("Ids") %> </td>                    <td ><%#Eval("Name") %></td>            </AlternatingItemTemplate>

 

運行結果

 

顯示資料時,項標籤和交替項標籤交替執行,先執行項標籤,再執行交替項標籤。

㈢增刪改查

step1.給新網頁傳輸資料

           <ItemTemplate>                <tr>                    <td bgcolor="blue"><%#Eval("Ids") %> </td>                    <td><%#Eval("Name") %></td>                    <td><a href="Delete.aspx?Ids=<%#Eval("Ids") %>">刪除</a><a>修改</a> </td>                </tr>            </ItemTemplate>

 

step2.在新頁面載入事件中接收超連結傳輸的資料,根據該資料調用刪除資料函數,然後返回原頁面。

protected void Page_Load(object sender, EventArgs e)    {        Response.Write(Request["Ids"]);        new FruitDA().delete(Request["Ids"]);        Response.Redirect("query.aspx");    }

 

運行結果,點擊“菠蘿”後面的刪除,

點擊前,

 

點擊後,

 

由於頁面載入速度快,所以看不到刪除頁面的載入,原頁面好像從沒有離開過。

 

C#Repeater控制項的使用

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.