datagrid layout insert, update, delete

Øhm... gider du uddybe det? Det er da kun logisk at det står ud for det data det tilhører. Ellers er der da ingen der kan finde rundt i det.
Men du kan sikkert nok lave noget "fusk" vha. OnDataBound (eller hvad eventet nu hedder).

jeg vil ha at det kommer til ca. at ligge som så:

<table width="100%" border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td>DETTE SKAL V&AElig;RE DET TABLE DER INDEHOLDER EDIT;INSERT OG UPDATE KNAPPER</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td>SOME COLUMN</td>
    <td>SOME COLUMN</td>
    <td>SOME COLUMN</td>
    <td>SOME COLUMN</td>
  </tr>
</table>

eller sådan her....

<table width="100%" border="0" cellspacing="0" cellpadding="1">
  <tr>
    <td colspan="4">DETTE SKAL V&AElig;RE DET TABLE DER INDEHOLDER EDIT;INSERT
      OG UPDATE KNAPPER</td>
  </tr>
  <tr>
    <td>SOME COLUMN</td>
    <td>SOME COLUMN</td>
    <td>SOME COLUMN</td>
    <td>SOME COLUMN</td>
  </tr>
</table>


Håber det hjalp på forståelsen...

doingdot>> jamen, så sørger du jo bare for at lave din template så det bliver sådan.

det har jeg prøvet men ikke nogen af mine forsøg virker....asp.net vil lave koloner som ligger ved siden af data, og ikke ovenover.

cyberfessor>>>kan du evt komme med et hurtigt ex. ?

det jeg mener med at det ikke virker, er at når jeg prøver at bygge html ind mellem elementerne i mit data grid kommer der compiler error :(

hvordan ser din template ud nu?

det er en ordenlig smøre...men her er den...


<asp:Datagrid id="DataGrid1" runat="server"
                            AutoGenerateColumns="False"
                            BorderColor="#cccccc"
                            Headerstyle-Font-Bold="True"
                            Headerstyle-Font-Name="verdana"
                            Headerstyle-BackColor="#ffffff"
                            showHeader="false"
                            cellspacing="0" cellpadding="2"
                            width="480px"
                            GridLines="None"
                            BackColor="#ffffff"
                            OnPageIndexChanged="ChangePage"
                            PageSize="1" AllowPaging="True"
                            OnCancelCommand="DataGrid_Cancel"
                            OnUpdateCommand="DataGrid_Update"
                            OnEditCommand="DataGrid_Edit"
                            DataKeyField="userid"
                            OnDeleteCommand="DataGrid_Delete"
                            >




<PagerStyle nextpagetext="N&aelig;ste"
            font-bold="false"
            prevpagetext="Forige&nbsp"
            horizontalalign="right"
            position="Bottom"
            backcolor="#f0f0f0">
            </PagerStyle>






<Columns>










<asp:TemplateColumn>

<ItemTemplate>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Bruger ID</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "userid") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Bruger login</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_login_name") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Password</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_password") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Email </td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_email") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Fornavn</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_first_name") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Efternavn </td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_last_name") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Adresse 1</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_address_01") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Adresse 2</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_address_02") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Post nummer</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "User_zip") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">By</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_city") %>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Land</td>
    <td>
      <%# DataBinder.Eval(Container.DataItem, "user_country") %>
    </td>
  </tr>
</table>
</ItemTemplate>
<EditItemTemplate>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Bruger ID</td>
    <td>
      <asp:textbox Enabled="False" ID="userid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "userid") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Bruger login</td>
    <td>
      <asp:textbox ID="user_login_name" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_login_name") %>' style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Password</td>
    <td>
      <asp:textbox ID="user_password" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_password") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Email </td>
    <td>
      <asp:textbox ID="user_email" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_email") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Fornavn</td>
    <td>
      <asp:textbox ID="user_first_name" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_first_name") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Efternavn </td>
    <td>
      <asp:textbox ID="user_last_name" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_last_name") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Adresse 1</td>
    <td>
      <asp:textbox ID="user_address_01" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_address_01") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Adresse 2</td>
    <td>
      <asp:textbox ID="user_address_02" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_address_02") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Post nummer</td>
    <td>
      <asp:textbox ID="User_zip" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "User_zip") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">By</td>
    <td>
      <asp:textbox ID="user_city" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_city") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333;" />
    </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0"  cellpadding="2">
  <tr>
    <td width="25%">Land</td>
    <td>
      <asp:textbox ID="user_country" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_country") %>'  style="width: 100%; border: 1px solid #cccccc; background-color: #f0f0f0; font-size: 10px; color: #333333; font-family: verdana;" />
    </td>
  </tr>
</table>
</EditItemTemplate>
</asp:TemplateColumn>

<asp:EditCommandColumn ButtonType="LinkButton"
                      UpdateText='<img src="_IMAGES/EDIT_MODE_ICO.gif" alt="Gem" width="16" height="16" border="0">'
                      CancelText='<img src="_IMAGES/CONTROL_Z_ICO.gif" alt="Fortyd" width="16" height="16" border="0">'
                      EditText='<img src="_IMAGES/POST_EDIT_MODE_ICO.gif" alt="Rediger" width="16" height="16" border="0">'>

<ItemStyle width="36px" HorizontalAlign="right" VerticalAlign="top" ></ItemStyle>


</asp:EditCommandColumn>

<asp:ButtonColumn Text='<img src="_IMAGES/TRASH_CAN_ICO.gif" alt="Slet" width="16" height="16" border="0">'
                  CommandName="DataGrid_Delete">
<ItemStyle width="16px" HorizontalAlign="left" VerticalAlign="top"></ItemStyle>
</asp:ButtonColumn>           
</Columns>
</asp:Datagrid>




      <hr style="height: 1px; width: 100%; color: #cccccc;" />
        <asp:LinkButton id="LinkButton1" onclick="AddNew_Click" runat="server" Font-Size="10px" font-name="verdana" Text="Add new item"></asp:LinkButton> |
        <asp:label id="pagenav" runat="server" font-size="10px" font-name="verdana"></asp:label>
        <hr style="height: 1px; width: 100%; color: #cccccc;" />
        <asp:Label id="Message" runat="server" width="80%" EnableViewState="false" ForeColor="red" Font-Size="10px" Font-Name="verdana"></asp:Label>
 

the end :)

fårk en gang rodet kode. Hvorfor bruger du ikke css-classes, og hvad skal alle de tabeller til for?

yep.....men det er også mit føreste datagrid ;) meeeeeen tabelerne er det for en grund :)

nogen forslag til det med de edit, insert, delete, udpdate knapper

try this:

<%@ Page CodeBehind="HTMLPage1.aspx.cs" Language="c#" AutoEventWireup="false" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    <HEAD>
        <META NAME="GENERATOR" Content="Microsoft Visual Studio 7.0">
        <TITLE></TITLE>
        <!--<style type="text/css">
            .Text {
            width: 100%;
            border: 1px solid #cccccc;
            background-color: #f0f0f0;
            font-size: 10px;
            color: #333333;
            font-family: verdana;
        }
        -->
        </style>
    </HEAD>
    <BODY>
        <asp:Datagrid id="DataGrid1" runat="server" AutoGenerateColumns="False" BorderColor="#cccccc" Headerstyle-Font-Bold="True" Headerstyle-Font-Name="verdana" Headerstyle-BackColor="#ffffff" showHeader="false" cellspacing="0" cellpadding="2" width="480px" GridLines="None" BackColor="#ffffff" OnPageIndexChanged="ChangePage" PageSize="1" AllowPaging="True" OnCancelCommand="DataGrid_Cancel" OnUpdateCommand="DataGrid_Update" OnEditCommand="DataGrid_Edit" DataKeyField="userid" OnDeleteCommand="DataGrid_Delete">
            <PagerStyle NextPageText="N&aelig;ste" HorizontalAlign="Right" PrevPageText="Forige&nbsp" Position="Bottom" Font-Bold="false" BackColor="#f0f0f0"></PagerStyle>
            <Columns>
                <asp:TemplateColumn>
                    <ItemTemplate>
                        <table width="100%" border="0" cellspacing="0" cellpadding="2">
                            <tr>
                                <td width="25%"><asp:LinkButton Text='<img src="_IMAGES/TRASH_CAN_ICO.gif" alt="Slet" width="16" height="16" border="0">' CommandName="DataGrid_Delete" /></td>
                                <td><asp:LinkButton CommandName="DataGrid_Edit" Runat="server" Text='<img src="_IMAGES/POST_EDIT_MODE_ICO.gif" alt="Rediger" width="16" height="16" border="0">' />
                                    <asp:LinkButton CommandName="DataGrid_Cancel" Text='<img src="_IMAGES/CONTROL_Z_ICO.gif" alt="Fortyd" width="16" height="16" border="0">' Runat="server" />
                                    <asp:LinkButton CommandName="DataGrid_Update" Runat="server" Text='<img src="_IMAGES/EDIT_MODE_ICO.gif" alt="Gem" width="16" height="16" border="0">' /></td>
                            </tr>
                            <tr>
                                <td width="25%">Bruger ID</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "userid") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Bruger login</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_login_name") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Password</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_password") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Email
                                </td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_email") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Fornavn</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_first_name") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Efternavn
                                </td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_last_name") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Adresse 1</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_address_01") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Adresse 2</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_address_02") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Post nummer</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "User_zip") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">By</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_city") %>
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Land</td>
                                <td>
                                    <%# DataBinder.Eval(Container.DataItem, "user_country") %>
                                </td>
                            </tr>
                        </table>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <table width="100%" border="0" cellspacing="0" cellpadding="2">
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Bruger ID</td>
                                <td>
                                    <asp:textbox Enabled="False" ID="userid" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "userid") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Bruger login</td>
                                <td>
                                    <asp:textbox ID="user_login_name" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_login_name") %>' CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Password</td>
                                <td>
                                    <asp:textbox ID="user_password" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_password") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Email
                                </td>
                                <td>
                                    <asp:textbox ID="user_email" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_email") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Fornavn</td>
                                <td>
                                    <asp:textbox ID="user_first_name" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_first_name") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Efternavn
                                </td>
                                <td>
                                    <asp:textbox ID="user_last_name" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_last_name") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">&nbsp;</td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td width="25%">Adresse 1</td>
                                <td>
                                    <asp:textbox ID="user_address_01" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_address_01") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Adresse 2</td>
                                <td>
                                    <asp:textbox ID="user_address_02" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_address_02") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Post nummer</td>
                                <td>
                                    <asp:textbox ID="User_zip" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "User_zip") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">By</td>
                                <td>
                                    <asp:textbox ID="user_city" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_city") %>'  CssClass="text" />
                                </td>
                            </tr>
                            <tr>
                                <td width="25%">Land</td>
                                <td>
                                    <asp:textbox ID="user_country" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "user_country") %>' CssClass="text" />
                                </td>
                            </tr>
                        </table>
                    </EditItemTemplate>
                </asp:TemplateColumn>
            </Columns>
        </asp:Datagrid>
    </BODY>
</HTML>

hvis jeg kopierer datagridet , og paster det  ind i min  aspx fil virker "edit mode" ikke, men ellers er det jo præcis som jeg søger det.....jeg kigger lige på det lidt senere idag, og vender tilb.

tak for din ihærdige indsats

lukke tid...jeg må finde ud af det her på et senere tidspunkt...