gridview对某一行进行上移或下移

最新推荐文章于 2024-04-23 19:02:14 发布

gaotongzhao

最新推荐文章于 2024-04-23 19:02:14 发布

阅读量2.6k

点赞数

文章标签： button textbox 服务器 datagrid function object

感谢作者:　来源:网络 http://hi.baidu.com/net1979/　日期:2011-5-10　影响数:236　好评: 0　差评:0
分类: ASP.NET 　　　　　关键字: 上移或下移 |

某一行进行上移或下移分为两种,服务器端或客户端,服务器端方法每上下一步都可以记录到数据库中,客户端方便只在提交时记录到数据库中,根据自己的情况选择适用的方法.

1.服务器端

服务器端上下移动要提交到服务器

1.1 Html代码

<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="id" HeaderText="id" />
<asp:BoundField DataField="name" HeaderText="name" />
<asp:BoundField DataField="age" HeaderText="age" />
<asp:TemplateField>
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Button ID="Button1" runat="server" Text="UP" οnclick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Down" οnclick="Button2_Click" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>

后台代码

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = CreateDataTable();
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
/// <summary>
/// 创建一个表,用于绑定数据
/// </summary>
/// <param name="dt"></param>
/// <returns></returns>
///
public DataTable CreateDataTable()
{
DataTable dt = new DataTable();
//DataColumn dc=dt.n
dt.Columns.Add("id", typeof(Int16)); dt.Columns.Add("name", typeof(String));
dt.Columns.Add("age", typeof(Int16)); for (int i = 0; i < 6; i++)
{
DataRow dr = dt.NewRow(); dr["id"] = i;
dr["name"] = "aa" + i.ToString(); ; dr["age"] = 12 + i;
dt.Rows.Add(dr);
} ViewState["dataTable"] = dt; return dt;
}
protected void exchangeRow(DataRow dataRow, DataRow tempRow)
{
tempRow["id"] = dataRow["id"];
tempRow["name"] = dataRow["name"]; tempRow["age"] = dataRow["age"];
}
protected void Button1_Click(object sender, EventArgs e)
{
DataTable dataTable = (DataTable)ViewState["dataTable"];
string rowindex = ((GridViewRow)((Button)sender).Parent.Parent).RowIndex.ToString();
if (int.Parse(rowindex) - 1 < 0)
{
Page.RegisterStartupScript("", "<script>alert('TOP!');</script>");
}
else
{
DataRow tempRow = dataTable.NewRow();
exchangeRow(dataTable.Rows[int.Parse(rowindex) - 1], tempRow);
exchangeRow(dataTable.Rows[int.Parse(rowindex)], dataTable.Rows[int.Parse(rowindex) - 1]);
exchangeRow(tempRow, dataTable.Rows[int.Parse(rowindex)]);
}
GridView1.DataSource = dataTable;
GridView1.DataBind();
}
protected void Button2_Click(object sender, EventArgs e)
{
DataTable dataTable = (DataTable)ViewState["dataTable"];
string rowindex = ((GridViewRow)((Button)sender).Parent.Parent).RowIndex.ToString();
if (int.Parse(rowindex) + 1 > dataTable.Rows.Count - 1)
{
Page.RegisterStartupScript("", "<script>alert('END!');</script>");
}
else
{
DataRow tempRow = dataTable.NewRow();
exchangeRow(dataTable.Rows[int.Parse(rowindex) + 1], tempRow);
exchangeRow(dataTable.Rows[int.Parse(rowindex)], dataTable.Rows[int.Parse(rowindex) + 1]);
exchangeRow(tempRow, dataTable.Rows[int.Parse(rowindex)]);
}
GridView1.DataSource = dataTable; GridView1.DataBind();
}

2.客户端上下移

首先在gridview或dataGrid中创建模板列,模板列中加上同容:

<input id="but_up" type="button" value="上" οnclick="moveUp(this)" /><input id="but_dn" type="button"value="下" οnclick="moveDown(this)" /></div>

在</from>后面加上下面的代码

<script language="JavaScript" type="text/javascript">

</script>

对gridview进行数据绑定后即可.

gaotongzhao

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
gridview对某一行进行上移或下移

感谢作者:　来源:网络 http://hi.baidu.com/net1979/　日期:2011-5-10　影响数:236　好评: 0　差评:0 分类: ASP.NET 　　　　　关键字: 上移或下移 | 某一行进行上移或下移分为两种,服务器端或客户端,服务器端方法每上下一步都
复制链接

扫一扫