-4

ユーザーがコメントを残すことができるページがあります。ユーザーがクリックすると、このコメントが db テーブルに保存されます。データグリッドをポストバックすると、databind() があり、データグリッドにコメントが表示されます。コメントをよりエレガントな方法で提示したいと思います。今では古典的なデータグリッドのようです。ページの下部にコメントを残すことができる Web ページのようになりたいと思います。私のコード:

<form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager1" runat="server" />

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 <ContentTemplate>
 <strong>Post Comment</strong><br />
 <asp:FormView ID="FormView1" runat="server" DataSourceID="SqlDataSource1" DefaultMode="Insert">
 <InsertItemTemplate> 
Name: <asp:TextBox ID="txtName" runat="server" Text='<%# Bind("UserID") %>'></asp:TextBox><br />
 Comments:<br />
 <asp:TextBox ID="txtComments" runat="server" Text='<%# Bind("Comments") %>' 
TextMode="MultiLine" Rows="4" Columns="50"></asp:TextBox><br />
 <asp:HiddenField ID="hidTimeDate" runat="server" Value='<%# Bind("CommentDate") %>' />
 <asp:Button ID="butSubmit" runat="server" CommandName="Insert" Text="Submit" /> </InsertItemTemplate>
 </asp:FormView>

<asp:DataGrid ID="DataGrid1" runat="server"  
Width="593px" CellPadding="4" ForeColor="#333333" 
GridLines="None">
 <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
 <EditItemStyle BackColor="#2461BF" />
 <SelectedItemStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
 <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
 <AlternatingItemStyle BackColor="White" />
 <ItemStyle BackColor="#EFF3FB" />
 <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
 </asp:DataGrid>
 <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
         ConnectionString="<%$ ConnectionStrings:myConnectionString %>" 
         SelectCommand="SELECT [UserID], [CommentDate], [Comments] FROM [Comments]"
         InsertCommand="INSERT Comments (UserID,Comments,CommentDate) VALUES (@UserID, @Comments, @CommentDate)"></asp:SqlDataSource>
 </ContentTemplate>
 </asp:UpdatePanel>
    </div>
    </form>
4

1 に答える 1

1

何をしたいのか正確にはわかりませんが、グリッド内の最後のコメント行を新しいスタイルで作成したいと思います...

これを行うには、グリッド行の上に最後のコメントを作成して関数を呼び出し onRowDataBound()、行スタイルを変更する最初の行かどうかを確認します

＃アップデート

これらを使用して、すでに各行を異なる背景色で作成していることがわかります

<AlternatingItemStyle BackColor="White" />
 <ItemStyle BackColor="#EFF3FB" />

フォントについては、このようなスタイリングを保持できるテンプレートフィールドを作成できます

<Columns>
    <asp:TemplateField>
        <ItemTemplate>
            <asp:Label runat="server" ID="lbl_Bind" Text='Eval(YOUR DATA HERE)' CssClass="CSS-CLASSS" />
        </ItemTemplate>
    </asp:TemplateField>
</Columns>
于 2013-08-23T10:15:33.080 に答える