Разработване на Custom Server Control - XGridView 1.0

Ето, че е време да представя  и един от най новите ми проекти XGridView 1.0

Разработването на custom server control в dot.net е наистина едно интересно и вълнуващо предизвикателство.

Един ден докато си разработвах един сайт ми се наложи да визуализирам данните от базата в html таблица, но забелязах, че винаги ми се налага след това да манипулирам данните

Например: редакция, изтриване, сортиране, странициране, търсене и др.

И всичко това ме хвърли в размисъл, че ще е хубаво това нещо да се изнесе като контрола за да може и в други проекти лесно да се ползва.

Ето и и сайта където може да видите и демо: http://xgridview.apphb.com/

Как да използваме XGridView

XGridView e лесен за използване единственото, което трябва да направите е да свалите
Xsoft.Web.UI.dll файла и да го добавите във вашия проект.

<%@ Register Assembly="Xsoft.Web.UI" Namespace="Xsoft.Web.UI" TagPrefix="xsoft" %>

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:Label runat="server" ID="lblResult"></asp:Label>

<xsoft:XGridView ID="XGridView1" runat="server" AllowSorting="true" AutoGenerateColumns="false"

ShowAdditionalPanel="true" DataKeyNames="ID" OnRowClicked="OnRowClicked_RowClicked">

<Columns>

<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name"></asp:BoundField>

<asp:BoundField DataField="Age" HeaderText="Age" SortExpression="Age"></asp:BoundField>

<asp:BoundField DataField="Sex" HeaderText="Sex" SortExpression="Sex"></asp:BoundField>

<asp:BoundField DataField="Email" HeaderText="Email" SortExpression="Email"></asp:BoundField>

<asp:BoundField DataField="Phone" HeaderText="Phone" SortExpression="Phone"></asp:BoundField>

                    </Columns>

                    </xsoft:XGridView>

</ContentTemplate>

</asp:UpdatePanel>

</form>

code behind

       

        using System;

        using System.Collections.Generic;

        using System.Linq;

        using System.Web;

        using System.Web.UI;

        using System.Web.UI.WebControls;

        using System.Data;

        namespace TestControl

        {

            public partial class ExampleGridView : System.Web.UI.Page

            {

                private IList Getcontacts()

                {

                    var path = HttpContext.Current.

Server.MapPath(@"contacts.xml");

                    var data = new DataSet();

                    data.ReadXml(path);

                    var contacts = new List();

                    foreach (DataRow row in data.Tables[0].Rows)

                    {

                        contacts.Add(new Contact

                        {

                            ID = Convert.ToInt32(row["ID"]),

                            Name = Convert.ToString(row["Name"]),

                            Age = Convert.ToInt32(row["Age"]),

                            Sex = Convert.ToString(row["Sex"]),

                            Email = Convert.ToString(row["Email"]),

                            Phone = Convert.ToString(row["Phone"]),                   

                        });

                    }

                    return contacts;

                }

                protected override void OnPreRender(EventArgs e)

                {

                    var contacts = Getcontacts();

                    XGridView1.DataSource = contacts;

                    foreach (var item in contacts)

                    {

                        if (item.ID == XGridView1.SelectedDocumentID)

                        {

                            txtbox.Text = item.Name;

                            break;

                        }

                    }

                }

                public class Contact

                {

                    public int ID { get; set; }

                    public string Name { get; set; }

                    public int Age { get; set; }

                    public string Sex { get; set; }

                    public string Email { get; set; }

                    public string Phone { get; set; }           

                }

            }

        }