Modifier dynamiquement GridView modèle d'élément

Bon, ici c'est du 100% manuellement la construction basé sur un modèle de champs exemple.

La première étape dans la création de modèle dynamique des colonnes est de créer une classe qui implémente l' Système.Web.L'INTERFACE utilisateur.ITemplate interface. Pour notre exemple simple ici, je vais simplement l'utilisation d'une étiquette.

public class MyCustomTemplate : ITemplate
{
    public String DataField { get; set; }

    public MyCustomTemplate(String dataField)
    {
        DataField = dataField;
    }

    public void InstantiateIn(Control container)
    {
        var label = new Label();
        label.DataBinding += label_DataBinding;

        container.Controls.Add(label);
    }

    void label_DataBinding(object sender, EventArgs e)
    {
        var label = (Label)sender;
        var context = DataBinder.GetDataItem(label.NamingContainer);
        label.Text = DataBinder.Eval(context, DataField).ToString();
    }
}

Avis que, pour soutenir la liaison de données, vous devrez manuellement la poignée de l'événement sur n'importe quel contrôle(s) que vous choisissez d'ajouter. Une fois que vous avez développé votre modèle, vous pouvez alors utiliser ce que votre ItemTemplate pour tout TemplateField que vous souhaitez utiliser.

Donc, supposons que nous avons une collection d'entreprise personnalisés objets que nous voulons lier notre grille.

public class MyCustomClass
{
    public String Name { get; set; }
    public Int32 Age { get; set; }
}

Nous allons avoir à créer manuellement chaque colonne comme un TemplateField, et puis de lier notre collection pour le contrôle GridView. Afin de rendre cela plus simple et plus facile à faire, j'en viens à la construction de la TemplateField collection en static de la classe helper:

public static class MyCustomTemplateCollection
{
    public static DataControlFieldCollection GetTemplateCollection()
    {
        var col = new DataControlFieldCollection();

        var nameField = new TemplateField
                        {
                            HeaderText = "Name",
                            ItemTemplate = new MyCustomTemplate("Name")
                        };

        var ageField = new TemplateField
                        {
                            HeaderText = "Age",
                            ItemTemplate = new MyCustomTemplate("Age")
                        };

        col.Add(nameField);
        col.Add(ageField);

        return col;
    }
}

À l'aide de cette dans votre code derrière ressemblerait à quelque chose comme ceci:

protected void Page_Load(object sender, EventArgs e)
{
    var dataSource = new List<MyCustomClass>
                        {
                            new MyCustomClass{Name = "Josh", Age = 43},
                    new MyCustomClass{Name = "Bob", Age = 14},
                    new MyCustomClass{Name = "Ashley", Age = 32},
                        };

    DynamicGrid(dataSource);
}

private void DynamicGrid(List<MyCustomClass> dataSource)
{
    var col = MyCustomTemplateCollection.GetTemplateCollection();

    foreach (DataControlField field in col)
    {
        myGridView.Columns.Add(field);
    }

    myGridView.DataSource = dataSource;
    myGridView.DataBind();
}

En fin de compte, cela permettra de produire une sortie est identique à la dynamique des contrôles utilisateur exemple, mais comme vous pouvez le voir, il est beaucoup plus lourd. C'est aussi un exemple très simpliste qui ne comprennent pas les attributs CSS, ou plusieurs types de contrôles. Vous pouvez faire cela, mais il serait douloureux, et pourrait vous faire vouloir quitter la programmation de l'ensemble. Aller avec l'utilisateur de la solution de contrôle et de rendre votre vie plus facile.

OriginalL'auteur Josh