asp: repeater - заголовки при смене раздела - PullRequest
Новая
       24

asp: repeater - заголовки при смене раздела

4 голосов
/ 03 февраля 2009

есть ли способ вызвать строку подзаголовка при изменениях в поле в элементе управления asp: repeater с привязкой к базе данных, например,

Вместо 

country | colour | number
uk | red | 3
uk | green | 3
france | red 3

Сделайте это: 

==UK==
colour | number
red | 3
green 3
==FRANCE==
colour | number
red | 3

Большое спасибо за любую помощь.

Ответы [ 5 ]

5 голосов
/ 03 февраля 2009

Нет встроенной поддержки, но это не значит, что это невозможно.

Вам нужно переопределить событие OnItemDataBound, и в разметке будет что-то вроде этого: 

<asp:Repeater OnItemDataBound="NextItem" ... >
    <ItemTemplate><asp:Literal Id="Header" Visible="False" Text="{0}<strong>{1}</strong><br/><table>" ... />
         <tr>
             <td><asp:Label id="Color" Text="<%# Eval("Color")" ... /></td>
             <td><asp:Label id="Number" Text="<%# Eval("Number")" ... /></td>
         </tr>
    </ItemTemplate>
</asp:Repeater></table>

Тогда в коде позади: 

private string CurCountry = string.Empty;

private void NextItem(object sender, RepeaterItemEventARgs e)
{
    if ( e.Item.ItemType != ListItemType.Item 
      && e.Item.ItemType != ListItemType.AlternatingItem) return;

    DbDataRecord row = (DbDataRecord)e.Item.DataItem;

    if (CurCountry != row["country"].ToString() )
    {
        string prev = (CurCounter == string.Empty)?"":"</table>";
        CurCountry = row["country"].ToString();

        Literal header = (Literal)e.Item.FindControl("Header");
        Literal footer = (Literal)e.Item.FindControl("Footer");

        header.Text = string.Format(header.Text, prev, CurCountry);
        header.Visible = true;
    }
}
2 голосов
/ 04 февраля 2009

Другое решение состоит в том, чтобы просто использовать два повторителя, один вложенный в другой. Вы можете передать свои группы с дочерними записями первому повторителю, а в ItemDataBound повторителя групп передать дочерние записи дочернему повторителю и вызвать там DataBind ().

Это больше кода, но на самом деле он дает вам больше контроля над макетом без кода создания HTML в вашем коде позади.

Как вы можете видеть здесь, у нас есть родительский повторитель, и в шаблоне элемента мы можем настроить каждую группу по своему усмотрению. В ChildRepeater у нас есть шаблон элемента, в котором мы можем настроить каждый элемент внутри группировки. Очень чистый и все с декларативным интерфейсом. 

<asp:Repeater runat="server" id="GroupRepeater">
 <ItemTemplate>
   <asp:Literal runat="server" id="HeaderText" />
   <asp:Repeater runat="server id="ChildRepeater">
    <ItemTemplate>
      <asp:Literal runat="server" id="InfoGoesHere" />
    </ItemTemplate>
   </asp:Repeater>
 </ItemTemplate>
</asp:Repeater>

В коде позади мы можем получить что-то вроде этого: 

private void GroupRepeater_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
  //Get the child records, this can be any data structure you want
  SomeChildCollection children = ((SomeGroupCollection)e.Item.DataItem).Children;
  //Find the child repeater
  Repeater childRepeater = e.Item.FindControl("ChildRepeater") as Repeater;
  childRepeater.ItemDataBound += SomeMethod;
  childRepeater.DataSource = children;
  childRepeater.DataBind();
}

После привязки каждого дочернего элемента вы можете подписаться на событие ItemDataBound и выполнить дочернее связывание с элементами управления, как считаете нужным.

0 голосов
/ 04 февраля 2009

Кажется, в коде dotnetjunkies есть несколько ошибок, но я нашел гораздо более простое решение здесь http://www.west -wind.com / weblog / posts / 140753.aspx

Теперь ретрансляторы не поддерживают группировку, поэтому вы должны сделать это самостоятельно, но это довольно легко сделать. В вышеприведенном повторителе за группировку отвечает следующее выражение данных: 

<%# this.RenderGroup(Eval("Group") as
string) %>

Выражение вызывает метод в форме, чтобы отобразить дополнительный тег div. Код для этого простого метода выглядит следующим образом: 

string LastGroup = "@#@~";
protected string RenderGroup(string Group) {   
    if (Group == this.LastGroup)       
    return "";     // *** Group has changed    
    this.LastGroup = Group;    
    return "<div class='groupheader'>" +Group + "</div>";
}

Этот код вызывается для каждого элемента, и он просто проверяет, изменилась ли группа. Если у него нет ничего, то возвращается, в противном случае простой тег div возвращается в виде строки для встраивания в разметку. Я решил отправить обратно HTML, но я полагаю, что вы также можете вернуть true или false и условно отобразить элемент управления в Repeater, что сделает нацистов CSS более счастливыми.

0 голосов
/ 03 февраля 2009

Для решения проблемы я могу посоветовать следующее - изменить эту строку: 

header.Text = string.Format("<strong> {0} </strong><br/><table>", CurCountry);

до 

header.Text = string.Format(header.Text, CurCountry);

И чем вы можете настроить внешний вид из файла .as? X.

0 голосов
/ 03 февраля 2009

Ах - вы после группового повторителя. Решение , которое я адаптировал в прошлом, похоже, исчезло. Может быть, вы можете найти это. Но в любом случае поиск групповых ретрансляторов должен помочь.

...