我刚刚开始使用ASP.NET
GridView
控件。
我在考虑向"Add New Row"
添加Button
Footer
,以便向DataRow
添加新的GridView
。
最初,我希望网格为empty
,只显示一个页脚行。但是,如果没有数据行,则不会显示整个GridView
,并且由于页脚也未显示,因此无法添加第一行。
有没有办法显示只有页脚而没有数据行的GridView
,还是我不得不求助于kludge?
答案 0 :(得分:1)
如果没有任何行,ASP.NET DataGrid将不会显示任何内容(或者如果您指定,则可选择只显示“无数据文本值”)。我们想要显示至少网格标题,即使没有数据或行。我们过去做过的一个技巧是在网格中添加一个空行。这将导致页眉/页脚出现。在标题的情况下,我们在空行上放置一个div,其中包含一些格式合理的文本......只是为了让它漂亮。
答案 1 :(得分:1)
您是否考虑过继承GridView并重写其CreateChildControls方法(如果需要,还可能使用一些渲染方法)?
您可以更改其默认行为。如果可以的话,那就比添加空行更少了。
答案 2 :(得分:0)
我不知道这是否有用。但我们与Telerik RadGrid有一个类似的问题 - >如果datasource = null,则不显示网格。出于某种原因虽然它有一个“没有记录模板”但它没有用。设置datasource = new object [] {}做了伎俩,它显示了一个空网格。我的2美分
答案 3 :(得分:0)
这里使用此代码
protected void Page_Load(object sender, EventArgs e)
{
lblError.Text = "";
if (!IsPostBack)
{
SetInitialRow();
}
}
private void SetInitialRow()
{
DataTable dt = new DataTable();
DataRow dr = null;
dt.Columns.Add(new DataColumn("RowNumber", typeof(string)));
dt.Columns.Add(new DataColumn("Column1", typeof(string)));
dr = dt.NewRow();
dr["RowNumber"] = 1;
dt.Rows.Add(dr);
dt.TableName = "Coupons";
//Store the DataTable in ViewState
ViewState["CurrentTable"] = dt;
Gridview1.DataSource = dt;
Gridview1.DataBind();
}
private void AddNewRowToGrid()
{
int rowIndex = 0;
if (ViewState["CurrentTable"] != null)
{
DataTable dtCurrentTable = (DataTable)ViewState["CurrentTable"];
DataRow drCurrentRow = null;
if (dtCurrentTable.Rows.Count > 0)
{
for (int i = 1; i <= dtCurrentTable.Rows.Count; i++)
{
//extract the TextBox values
TextBox box1 = (TextBox)Gridview1.Rows[rowIndex].Cells[1].FindControl("TextBox1");
drCurrentRow = dtCurrentTable.NewRow();
drCurrentRow["RowNumber"] = i + 1;
drCurrentRow["Column1"] = box1.Text;
rowIndex++;
}
//add new row to DataTable
dtCurrentTable.Rows.Add(drCurrentRow);
//Store the current data to ViewState
ViewState["CurrentTable"] = dtCurrentTable;
//Rebind the Grid with the current data
Gridview1.DataSource = dtCurrentTable;
Gridview1.DataBind();
}
}
else
{
Response.Write("ViewState is null");
}
//Set Previous Data on Postbacks
SetPreviousData();
}
private void SetPreviousData()
{
int rowIndex = 0;
if (ViewState["CurrentTable"] != null)
{
DataTable dt = (DataTable)ViewState["CurrentTable"];
if (dt.Rows.Count > 0)
{
for (int i = 1; i < dt.Rows.Count; i++)
{
TextBox box1 = (TextBox)Gridview1.Rows[rowIndex].Cells[1].FindControl("TextBox1");
box1.Text = dt.Rows[i]["Column1"].ToString();
rowIndex++;
}
}
}
}
protected void ButtonAdd_Click(object sender, EventArgs e)
{
AddNewRowToGrid();
}
和aspx代码
<asp:GridView ID="Gridview1" runat="server" Style="text-align: center" ShowFooter="true" Width="70% "
AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="RowNumber" HeaderText="Sr No" HeaderStyle-BackColor="#99CCCC" />
<asp:TemplateField HeaderText="Coupon Code" HeaderStyle-BackColor="#99CCCC">
<ItemTemplate>
<asp:TextBox ID="TextBox1" MaxLength="10" CssClass="form-control" runat="server"></asp:TextBox>
</ItemTemplate>
<FooterStyle HorizontalAlign="Right" />
<FooterTemplate>
<asp:Button ID="ButtonAdd" runat="server" Text="Add New Row" CssClass="btn-toolbar btn" OnClick="ButtonAdd_Click" />
</FooterTemplate>
</asp:TemplateField>
</Columns>
<%-- <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />--%>
<PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" />
<RowStyle BackColor="White" ForeColor="#003399" />
<SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
<SortedAscendingCellStyle BackColor="#EDF6F6" />
<SortedAscendingHeaderStyle BackColor="#0D4AC4" />
<SortedDescendingCellStyle BackColor="#D6DFDF" />
<SortedDescendingHeaderStyle BackColor="#002876" />
</asp:GridView>
它只是一列你通过代码并添加几列,如果你想 我有一个带有删除功能的4列网格,请检查此链接以查找我的评论 How to delete a row using delete button for specific row in grid view?
或者你也可以使用这个 Simple Insert Select Edit Update and Delete in ASP.Net GridView control