Répéteur et ajouter des colonnes d'en-tête et itemtemplate au chargement de la page

Je n'ai pas utilisé les répéteurs pour beaucoup plus que de montrer des données à partir d'un datatable.

Je fais construire une grille qui affiche une liste des utilisateurs et des colonnes de rôles que l'utilisateur a été attribué, illustré avec des cases à cocher (illustré avec le vrai/faux ci-dessous, mais prétend qu'ils sont des cases à cocher).

ex.

Essentiellement de l'utiliser pour la gestion des rôles.

Cependant, les rôles peuvent changer plus tard si je veux charger les rôles(en-têtes et les éléments de façon dynamique dans la répétition.

Je ne suis pas sûr de la façon de faire ceci ou si c'est encore possible.

Je suppose que vous prenez une liste de rôle actuel de possibilités et de les charger dans le headertemplate mais je ne suis pas sûr de la façon de correspondre à ceux avec l'itemtemplate et comment créer des cases à cocher et les placer dans le itemtemplate.

Désolé si c'est un rudementary question.... J'apprécie tous les conseils!

Datatable exemple de données que je vais l'avoir... je crois que je vais aussi le retour des id pour les rôles et les utilisateurs qui ne sont pas indiqués ici.

DataTable dt = new DataTable();
DataColumn dc = new DataColumn();

      dc.DataType = Type.GetType("System.String");
dc.ColumnName = "RepName";
dt.Columns.Add(dc);
dc = new DataColumn(); 
dc.DataType = Type.GetType("System.Boolean");
dc.ColumnName = "Caller";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.Boolean");
dc.ColumnName = "closer";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.Boolean");
dc.ColumnName = "Admin";
dt.Columns.Add(dc);
dc = new DataColumn();
dc.DataType = Type.GetType("System.Boolean");
dc.ColumnName = "SuperUser";
dt.Columns.Add(dc);
DataRow row;
row = dt.NewRow();
row["RepName"] = "Joe";
row["Caller"] = true;
row["closer"] = false;
row["Admin"] = true;
row["SuperUser"] = false;
dt.Rows.Add(row);
row = dt.NewRow();
row["RepName"] = "Bob";
row["Caller"] = true;
row["closer"] = false;
row["Admin"] = true;
row["SuperUser"] = false;
dt.Rows.Add(row);
row = dt.NewRow();
row["RepName"] = "Tom";
row["Caller"] = true;
row["closer"] = false;
row["Admin"] = true;
row["SuperUser"] = false;
dt.Rows.Add(row);

OriginalL'auteur sdmiller | 2010-04-30

asp.net c#repeater

Imbriquer les Répéteurs: l'extérieur Répéteur est pour les lignes et a un HeaderTemplate et ItemTemplate qui contiennent à l'intérieur des Répéteurs pour l'en-tête et de la case des colonnes, respectivement. Quelque chose comme ceci:

<asp:Repeater runat="server" ID="rowRepeater" OnItemDataBound="rowRepeater_ItemBound">
<HeaderTemplate>
<table>                                
<tr>
<asp:Repeater runat="server" ID="headerRepeater">
<ItemTemplate>
<th>
<%# Container.DataItem %>
</th>
</ItemTemplate>
</asp:Repeater>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td><asp:Label runat="server" ID="lblUserName" Text='<%# Eval("Key") %>' /></td>
<asp:Repeater runat="server" ID="columnRepeater">
<ItemTemplate>
<td>
<asp:HiddenField runat="server" ID="hfRoleIndex" Value='<%# Container.ItemIndex %>' />
<asp:CheckBox runat="server" ID="cbColumnValue" Checked='<%# Container.DataItem %>' OnCheckedChanged="cbColumnValue_CheckedChanged" AutoPostBack="true" />
</td>
</ItemTemplate>
</asp:Repeater>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>

et dans votre code derrière:

Dictionary<string, bool[]> userRoles = new Dictionary<string, bool[]>(){
{"Bob", new bool[]{true,true,false,false}},
{"Tim",new bool[]{false,false,true,true}},
{"John",new bool[]{false,true,false,true}}
};
string[] headings = { "Rep Name", "Caller", "Closer", "Manager", "SuperUser" };
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
rowRepeater.DataSource = userRoles;
rowRepeater.DataBind();
}
}
protected void rowRepeater_ItemBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Header)
{
Repeater headerRepeater = e.Item.FindControl("headerRepeater") as Repeater;
headerRepeater.DataSource = headings;
headerRepeater.DataBind();
}
else if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
Repeater columnRepeater = e.Item.FindControl("columnRepeater") as Repeater;
columnRepeater.DataSource = ((KeyValuePair<string, bool[]>)e.Item.DataItem).Value;
columnRepeater.DataBind();
}
}
protected void cbColumnValue_CheckedChanged(object sender, EventArgs e)
{
CheckBox cb = sender as CheckBox;
HiddenField hf = cb.Parent.FindControl("hfRoleIndex") as HiddenField;
int roleIndex = int.Parse(hf.Value); //now you have the column identifier
Label lbl = cb.Parent.Parent.Parent.FindControl("lblUserName") as Label;
string userName = lbl.Text; //now you have the row identifier
//now you can update your data source
userRoles[userName][roleIndex] = cb.Checked;
}

Exemple serait génial!
Merci beaucoup, je vais donner un coup de feu!
Petite question... j'ai besoin d'ajouter un oncheck événement, afin d'appeler une méthode dans le code derrière. Quand je fais cela tous les cases à cocher en regard de la même... Est-il un bon moyen de dire ce qui a été vérifié... peut de liaison de l'id de l'en-tête rôle de la case à cocher en quelque sorte. Caller id =1 de plus près id =2 ect... ils viennent d'une table de cours, mais vous obtenez l'idée. Merci pour votre aide... cela a été très bien jusqu'à présent!
J'ai ajouté une maquette datatable à mon premier post pour montrer le type de datatable je vais être contraignant. Comme indiqué ci-dessus... le vrai également contenir des champs de rôle, id utilisateur et id.
Voir mon dernier edit: le hfRoleIndex et lblUserName Commandes peuvent être utilisés pour capturer les coordonnées de chaque Case, et dans le CheckedChanged cas, vous pouvez récupérer leurs valeurs par à voyager de par le serveur DOM. Je suis à l'aide d'un Dictionnaire pour s'en moquer de données, mais cette stratégie peut être adoptée à toute source de données. Content que cela a été utile! J'ai dû comprendre ce genre de choses sur mon propre plus de deux ans d'expérience et qui ne pourrait jamais trouver une bonne ressource pour quelque chose qui devrait être un bon cas d'utilisation.

OriginalL'auteur Stephen Swensen

Je vais essayer quelque chose comme ceci:

<asp:GridView ID="OrdersGV" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="UserName" />
<asp:TemplateField>
<ItemTemplate>
<asp:ListView ID="NewsLV" runat="server">
<ItemTemplate>
<td id="Td1" runat="server" valign="top" style="width: 30px;">
<asp:Label ID="Label1" runat="server" Text='<%# Eval("RoleName") %>' Visible='<%# Container.DataItemIndex == 0%>'></asp:Label>
<div style="padding: 2px;">
<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%# Eval("IsRoleSelected") %>' />
</div>
</td>
</ItemTemplate>
<LayoutTemplate>
<table id="Table1" runat="server" border="0" style="">
<tr id="itemPlaceholderContainer" runat="server">
<td id="itemPlaceholder" runat="server">
</td>
</tr>
</table>
</LayoutTemplate>
</asp:ListView>
</ItemTemplate>
</asp:TemplateField>
</Columns>

Malheureusement, mon manager ne voulez pas que nous utilisions gridviews. C'est nul car j'ai plus d'expérience avec eux.

OriginalL'auteur alejandrobog

Vous devez vous connecter pour publier un commentaire.