Results 1 to 5 of 5

Thread: edititemstyle in gridview

  1. #1
    Mieke Janson
    Join Date
    Apr 2005
    Location
    noordwijk
    Posts
    306

    edititemstyle in gridview

    Hallo,

    Ik heb een gridview, met enkele kolommen die templatecolumns zijn. Voor het gridview heb ik de cssclass gesteld, en voor de kolommen ook in de gridview-column-editor, en ook hieronder in de aspx-pagina. Toch word de cssclass voor de dropdownlist niet gebruikt.
    Hoe kan dat? Wat doe ik fout?

    mvg,
    Mieke

    Code:
    <asp:TemplateField HeaderText="van">
     <EditItemTemplate>
       <asp:DropDownList id="idB1" cssclass="cText" runat="server">      
         <asp:ListItem>00:00</asp:ListItem>
         <asp:ListItem>08:00</asp:ListItem>
         <asp:ListItem>23:59</asp:ListItem>
       </asp:DropDownList>
     </EditItemTemplate>
     <ItemTemplate>
        <asp:Label id="lbB1" runat="server" width="40" text='<%# DataBinder.Eval   (Container, "DataItem.B1", "{0:HH:mm}") %>'></asp:Label>
     </ItemTemplate>
    <ControlStyle CssClass="cText" />
    <ItemStyle CssClass="cText" />
    </asp:TemplateField>

  2. #2
    Hoe ziet je CSS eruit?

    Om dit soort dingen uit te zoeken gebruik ik altijd Firebug. Je kunt dan (onder andere) een element aanwijzen en direct zien welke classes er op dat element van toepassing zijn.

    Internet Explorer heeft overigens onder de F12 toets een vergelijkbare tool, maar die vind ik persoonlijk wat minder.
    Marcel

  3. #3
    Mieke Janson
    Join Date
    Apr 2005
    Location
    noordwijk
    Posts
    306
    Hoi marcel,

    Het is een hele eenvoudige stylesheet waarin ik enkele elementjes stel op deze manier:

    .cText{
    font-family: verdana;
    font-size:smaller;
    color:darkblue;
    }

    Allemaal niet zo spannend. Ik heb firebug meteen geinstalleerd en hoop er morgen tijd voor te hebben. Ben benieuwd...

    dank je,
    Mieke

  4. #4
    Hmm, vreemd. Ik heb een voorbeeldje gemaakt en ik krijg netjes een blauwe kolom. Is je CSS wel goed verbonden?

    Ik heb deze pagina gemaakt om te testen:

    xml Code:
    1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>
    2.  
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    4. <html xmlns="http://www.w3.org/1999/xhtml">
    5. <head runat="server">
    6.     <title></title>
    7.     <style type="text/css">
    8.         .cText
    9.         {
    10.             font-family: verdana;
    11.             font-size: smaller;
    12.             color: blue;
    13.         }
    14.     </style>
    15. </head>
    16. <body>
    17.     <form id="form1" runat="server">
    18.     <div>
    19.         <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ApadaConnectionString %>"
    20.             SelectCommand="SELECT [fldNaam], [fldContactpersoon], [fldAdres], [fldPostcode] FROM [qryLeverancier]">
    21.         </asp:SqlDataSource>
    22.     </div>
    23.     <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
    24.        AllowPaging="True" AllowSorting="True">
    25.         <Columns>
    26.             <asp:CommandField ShowSelectButton="True" />
    27.             <asp:TemplateField HeaderText="van">
    28.                 <EditItemTemplate>
    29.                     <asp:DropDownList ID="idB1" CssClass="cText" runat="server">
    30.                         <asp:ListItem>00:00</asp:ListItem>
    31.                         <asp:ListItem>08:00</asp:ListItem>
    32.                         <asp:ListItem>23:59</asp:ListItem>
    33.                     </asp:DropDownList>
    34.                 </EditItemTemplate>
    35.                 <ItemTemplate>
    36.                     <asp:Label ID="Label1" runat="server" Text='<%# Bind("fldNaam") %>'></asp:Label>
    37.                 </ItemTemplate>
    38.                 <ControlStyle CssClass="cText" />
    39.                 <ItemStyle CssClass="cText" />
    40.             </asp:TemplateField>
    41.             <asp:TemplateField HeaderText="fldNaam" SortExpression="fldNaam">
    42.                 <EditItemTemplate>
    43.                     <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("fldNaam") %>'></asp:TextBox>
    44.                 </EditItemTemplate>
    45.                 <ItemTemplate>
    46.                     <asp:Label ID="Label1" runat="server" Text='<%# Bind("fldNaam") %>'></asp:Label>
    47.                 </ItemTemplate>
    48.             </asp:TemplateField>
    49.             <asp:BoundField DataField="fldContactpersoon" HeaderText="fldContactpersoon" SortExpression="fldContactpersoon" />
    50.             <asp:BoundField DataField="fldAdres" HeaderText="fldAdres" SortExpression="fldAdres" />
    51.             <asp:BoundField DataField="fldPostcode" HeaderText="fldPostcode" SortExpression="fldPostcode" />
    52.         </Columns>
    53.     </asp:GridView>
    54.     <br />
    55.     <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
    56.     </form>
    57. </body>
    58. </html>
    Marcel

  5. #5
    Oh ja, de button zet de grid in editmode. Niet zo heel spannend dus:
    c# Code:
    1. protected void Button1_Click(object sender, EventArgs e)
    2. {
    3.   GridView1.EditIndex = 1;
    4. }
    Marcel

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •