ASP.NET
WebForms

वाक्य - विन्यास

• <asp: TextBox runat = "server" ID = "" TextMode = "" Text = "" />
• <asp: रिपीटर रनरैट = "सर्वर" आईडी = "" ऑनइटामडैटबाउंड = "">
  <HeaderTemplate></HeaderTemplate>
<ItemTemplate></ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:Repeater>

टिप्पणियों

HTML तालिका बनाने के लिए एक पुनरावर्तक का उपयोग करना

जब पुनरावर्तक बाउंड होता है, तो डेटा में प्रत्येक आइटम के लिए, एक नई तालिका पंक्ति जोड़ी जाएगी।

<asp:Repeater ID="repeaterID" runat="server" OnItemDataBound="repeaterID_ItemDataBound">
    <HeaderTemplate>
        <table>
            <thead>
                <tr>
                    <th style="width: 10%">Column 1 Header</th>
                    <th style="width: 30%">Column 2 Header</th>
                    <th style="width: 30%">Column 3 Header</th>
                    <th style="width: 30%">Column 4 Header</th>
                </tr>
            </thead>
    </HeaderTemplate>
    <ItemTemplate>
        <tr runat="server" id="rowID">
            <td>
                <asp:Label runat="server" ID="mylabel">You can add ASP labels if you want</asp:Label>
            </td>
            <td>
                <label>Or you can add HTML labels.</label>
            </td>
            <td>
                You can also just type plain text like this.
            </td>
            <td>
                <button type="button">You can even add a button to the table if you want!</button>
            </td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
    </FooterTemplate>
</asp:Repeater>

ItemDataBound विधि वैकल्पिक है, फिर भी अधिक जटिल डेटा को प्रारूपित या पॉप्युलेट करने के लिए उपयोगी है। इस उदाहरण में, विधि का उपयोग गतिशील रूप से प्रत्येक <tr> एक अद्वितीय आईडी देने के लिए किया जाता है। इस आईडी का उपयोग विशिष्ट पंक्ति को एक्सेस या संशोधित करने के लिए जावास्क्रिप्ट में किया जा सकता है। ध्यान दें, tr पोस्टबैक पर अपनी डायनामिक आईडी वैल्यू नहीं रखेगा। प्रत्येक पंक्ति का टेक्स्ट <asp:Label> भी इस विधि में सेट किया गया था।

protected void repeaterID_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
    {
        MyItem item = (MyItem)e.Item.DataItem;

        var row = e.Item.FindControl("rowID");
        row.ClientIDMode = ClientIDMode.Static;
        row.ID = "rowID" + item.ID;

        Label mylabel = (Label)e.Item.FindControl("mylabel");
        mylabel.Text = "The item ID is: " + item.ID;
    }
}

यदि आप CodeBehind के साथ बहुत अधिक संचार करने की योजना बनाते हैं, तो आप GridView का उपयोग करने पर विचार कर सकते हैं। हालांकि, थिएटर में सामान्य तौर पर ग्रिड व्यू की तुलना में कम ओवरहेड होता है, और बुनियादी आईडी हेरफेर के साथ, ग्रिड व्यू के समान कार्य कर सकते हैं।

ListView में समूहीकरण

asp:ListView ASP.NET WebForms फ्रेमवर्क 3.5 में शुरू की गई asp:ListView फ्रेमवर्क में सभी DataPresentation Controls में सबसे अधिक लचीली है। ListView का उपयोग करके समूहीकरण का एक उदाहरण (जो एक छवि गैलरी के रूप में काम आएगा)

उद्देश्य : asp:ListView का उपयोग करके एक पंक्ति में तीन छवियों को प्रदर्शित करने के लिए asp:ListView

मार्कअप

<asp:ListView ID="SportsImageList" runat="server"
    GroupItemCount="3">
    <LayoutTemplate>
        <span class="images-list">
            <ul id="groupPlaceholder" runat="server"></ul>
        </span>
    </LayoutTemplate>
    <GroupTemplate>
        <ul>
            <li id="itemPlaceholder" runat="server"></li>
        </ul>
    </GroupTemplate>
    <ItemTemplate>
        <li>
            <img src='<%# Container.DataItem %>' />
        </li>
    </ItemTemplate>
</asp:ListView>

कोड के पीछे

protected void Page_Load(object sender, EventArgs e)
{
    if(!IsPostBack)
    {
        SportsImageList.DataSource = GetImages();
        SportsImageList.DataBind();
    }
}

private static IEnumerable<string> GetImages()
{
    var images = Enumerable.Range(1, 9) //get numbers 1 to 9
        .Select(i =>
            string.Format("http://lorempixel.com/100/100/sports/{0}/", i)
        ); //convert the numbers to string
    return images;
}

सीएसएस

.images-list ul{
    clear: both;
    list-style-type: none;
}
.images-list ul li{
    float: left;
    padding: 5px;
}

रेंडर किया गया आउटपुट

उदाहरण

<script language="VB" runat="server">

    Sub SubmitBtn_Click(sender As Object, e As EventArgs)
        Label1.Text = "Text1.Text = " & Text1.Text
    End Sub

</script>

<h3><font face="Verdana">TextBox Sample</font></h3>

<form runat="server">

  <asp:TextBox id="Text1" Text="Copy this text to the label" Width="200px" runat="server"/>

  <asp:Button OnClick="SubmitBtn_Click" Text="Copy Text to Label" Runat="server"/>

  <p>
  
  <asp:Label id="Label1" Text="Label1" runat="server"/>

</form>

हाइपरलिंक

हाइपरलिंक नियंत्रण का उपयोग क्लाइंट से दूसरे पेज पर जाने के लिए किया जाता है।

<html>

<script language="VB" runat="server">


   Sub Page_Load(sender As Object, e As EventArgs) 
      ' Set hyperlink to "~", which indicates application root.
      HyperLink1.NavigateUrl = "~"
   End Sub

</script>

<body>

    <h3><font face="Verdana">Simple asp:hyperlink Sample</font></h3>

    <form runat=server>

        <p>

        <asp:hyperlink id=HyperLink1 runat="server">
            Go To QuickStart
        </asp:hyperlink>

    </form>

</body>

</html>