2013-08-23 46 views
-3

我有一個頁面,用戶可以發表評論。當用戶點擊提交存儲在數據庫表上的這條評論時。回發數據網格後,我有databind()和評論顯示在我有datagrid。我想用更優雅的方式呈現評論。現在它就像一個經典的數據網格。我想成爲網頁,您可以在頁面底部留言。 我的代碼:Asp.Net發表評論的能力

<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

* I想用更優雅的方式來呈現評論。現在它就像一個經典的數據網格。我想成爲網頁頁面的底部,你可以在頁面底部留言。*當你對這個主題有更具體的問題時,你必須開始實施並回來。 –

+0

使用純客戶端代碼jquery ajax和html來實現它! – Kiranramchandran

回答

1

我沒有得到你想要做什麼,但我認爲你想用新的樣式網格內的最後一個註釋行...

你可以通過使網格上的行數和通話功能 onRowDataBound()的頂部最後一個註釋做到這一點,並檢查它的第1行更改行樣式

#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> 
+0

我想要一個有如下意見的頁面:http://www.programmersheaven.com/article/100684-AJAX-Enabled+Comment+Form+in+ASP.NET+and+C%23/info.aspx – focus

+0

你想要相同的網格樣式或功能? –

+0

不,只有網格樣式 – focus