Asp.Net留下评论能力

时间:2013-08-23 10:08:51

标签: c# jquery asp.net ajax

我有一个用户可以发表评论的页面。当用户单击提交存储在db表中的此注释时。随着回发数据网格我有databind()和我在数据网格上显示的注释。我想以更优雅的方式呈现评论。现在它就像一个经典的数据网格。我想成为您可以在页面底部留下评论的网页。 我的代码:

<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>

1 个答案:

答案 0 :(得分:1)

我不知道你想要做什么,但我认为你想用新的风格在网格内做最后一个评论行......

您可以通过在网格行和调用函数之上进行最后一次注释来完成此操作 onRowDataBound(),并检查第一行是否更改了行样式

<强> #UPDATE

我发现你已经使用这些

使用不同的背景颜色制作每一行
<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>