给上述范例的DetailsView增加编辑和新建按钮,同时给对应的数据源dsClerkDetail添加相应的UpdateCommand和DeleteCommand:
不过有个问题:编辑完员工详细资料后,比如名字,在gvClerkListByDept中并没有及时更新,所以修改DetailsView的ItemUpdated事件代码:
还有,部门编辑应该用下拉框,避免随意输入部门编号,这个怎么实现呢?不像DetailsView并没有提供Item,EditItem,InsertItem模板的编辑,因此只能通过自定义模板TemplateField来完成。或者干脆 用全部自定义的FormView来实现。
所以将DetailsView删掉,拖入FormView控件。
修改dsClerkDetail的select,Update,Delete语句:
编辑FormView的ItemTemplate和EditItemTemplate。这里就看出用FormView的好处了。
首先,要显示哪些字段完全自定义,想显示哪些就给他们绑定控件,不想显示的字段就不需要做任何设置,不用编辑列或者设置Column(GridView控件)的Visible属性。
在ItemTemplate中拖入一个HTML-Table,两列5行,分别放入字段名称和Label控件,Label控件分别绑定对应的字段Bind("ClerkID")...最后在表格下面放入两个按钮,一个按钮CommandName属性为"Edit",Text属性为"编辑",另外一个按钮的属性是"Delete"和"删除"。
编辑EditItemTemplate,copy上面的table到这里,将Label控件全部改成TextBox控件,并改名,且绑定对应的字段。同样加入两个按钮:"Update""Cancel"。
这里有一个特殊的字段:DeptID,我们想在显示模板里面显示部门名称而不是数据表中的编号,所以我们的select语句是联合查询,Label控件绑定的是Bind("DeptName"),在编辑模板里面显示部门名称下拉列表,采用限制输入的方式,一方面提高数据输入准确性,防止违反表约束导致更新或者插入失败的情况,一方面改进用户操作体验。
编辑模板的下拉框控件名字ddlDeptNameEdit,绑定的是
dsClerkDetail.SelectCommand = "select ClerkID,RealName,JobNum,PhsNum,DeptID from Clerk where Clerk.ClerkID=@paraClerkID";
dsClerkDetail.UpdateCommand = "update Clerk set RealName=@RealName,JobNum=@JobNum,PhsNum=@PhsNum,DeptID=@DeptID where ClerkID=@ClerkID";
dsClerkDetail.DeleteCommand = "delete from Clerk where ClerkID=@paraClerkID";
为了防止误删,我们增加了dvClerkDetail的删除处理代码:dsClerkDetail.UpdateCommand = "update Clerk set RealName=@RealName,JobNum=@JobNum,PhsNum=@PhsNum,DeptID=@DeptID where ClerkID=@ClerkID";
dsClerkDetail.DeleteCommand = "delete from Clerk where ClerkID=@paraClerkID";
protected void dvClerkDetail_ItemDeleting(object sender, DetailsViewDeleteEventArgs e)
{
//取得第二行 员工姓名
string txtClerk = dvClerkDetail.Rows[1].Cells[1].Text;
//另外一个获取DetailsView数据的方式是用DataItem属性,不过程序调试时显示该值为null
//DataRowView drView = (DataRowView)dvClerkDetail.DataItem;
//string txtClerk = drView[1].ToString();
if (txtClerk != "测试者")
{
e.Cancel = true;
Literal txtMsg = new Literal();
txtMsg.Text = "<script>alert('已经运行删除" + txtClerk + "命令,为了保证数据完整性,数据不予真正删除!')</script>";
Page.Controls.Add(txtMsg);
}
}
经过测试,编辑更新和删除均运作正常。{
//取得第二行 员工姓名
string txtClerk = dvClerkDetail.Rows[1].Cells[1].Text;
//另外一个获取DetailsView数据的方式是用DataItem属性,不过程序调试时显示该值为null
//DataRowView drView = (DataRowView)dvClerkDetail.DataItem;
//string txtClerk = drView[1].ToString();
if (txtClerk != "测试者")
{
e.Cancel = true;
Literal txtMsg = new Literal();
txtMsg.Text = "<script>alert('已经运行删除" + txtClerk + "命令,为了保证数据完整性,数据不予真正删除!')</script>";
Page.Controls.Add(txtMsg);
}
}
不过有个问题:编辑完员工详细资料后,比如名字,在gvClerkListByDept中并没有及时更新,所以修改DetailsView的ItemUpdated事件代码:
protected void dvClerkDetail_ItemUpdated(object sender, DetailsViewUpdatedEventArgs e)
{
gvClerkListByDept.DataBind();
}
DetailsView在完成编辑后再执行一次GridView的绑定,就刷新了列表。{
gvClerkListByDept.DataBind();
}
还有,部门编辑应该用下拉框,避免随意输入部门编号,这个怎么实现呢?不像DetailsView并没有提供Item,EditItem,InsertItem模板的编辑,因此只能通过自定义模板TemplateField来完成。或者干脆 用全部自定义的FormView来实现。
所以将DetailsView删掉,拖入FormView控件。
修改dsClerkDetail的select,Update,Delete语句:
//初始化员工详细信息数据源
dsClerkDetail.ConnectionString = WebConfigurationManager.ConnectionStrings["CAROAConnectionString"].ConnectionString;
dsClerkDetail.SelectCommand = "select Clerk.ClerkID,Clerk.RealName,Clerk.JobNum,Clerk.PhsNum,Clerk.DeptID,CODE_Dept.DeptName from Clerk,CODE_Dept where Clerk.ClerkID=@paraClerkID and Clerk.DeptID=CODE_Dept.DeptID";
dsClerkDetail.UpdateCommand = "update Clerk set RealName=@RealName,JobNum=@JobNum,PhsNum=@PhsNum,DeptID=@DeptID where ClerkID=@ClerkID";
dsClerkDetail.DeleteCommand = "delete from Clerk where ClerkID=@paraClerkID";
dsClerkDetail.ConnectionString = WebConfigurationManager.ConnectionStrings["CAROAConnectionString"].ConnectionString;
dsClerkDetail.SelectCommand = "select Clerk.ClerkID,Clerk.RealName,Clerk.JobNum,Clerk.PhsNum,Clerk.DeptID,CODE_Dept.DeptName from Clerk,CODE_Dept where Clerk.ClerkID=@paraClerkID and Clerk.DeptID=CODE_Dept.DeptID";
dsClerkDetail.UpdateCommand = "update Clerk set RealName=@RealName,JobNum=@JobNum,PhsNum=@PhsNum,DeptID=@DeptID where ClerkID=@ClerkID";
dsClerkDetail.DeleteCommand = "delete from Clerk where ClerkID=@paraClerkID";
编辑FormView的ItemTemplate和EditItemTemplate。这里就看出用FormView的好处了。
首先,要显示哪些字段完全自定义,想显示哪些就给他们绑定控件,不想显示的字段就不需要做任何设置,不用编辑列或者设置Column(GridView控件)的Visible属性。
在ItemTemplate中拖入一个HTML-Table,两列5行,分别放入字段名称和Label控件,Label控件分别绑定对应的字段Bind("ClerkID")...最后在表格下面放入两个按钮,一个按钮CommandName属性为"Edit",Text属性为"编辑",另外一个按钮的属性是"Delete"和"删除"。
编辑EditItemTemplate,copy上面的table到这里,将Label控件全部改成TextBox控件,并改名,且绑定对应的字段。同样加入两个按钮:"Update""Cancel"。
这里有一个特殊的字段:DeptID,我们想在显示模板里面显示部门名称而不是数据表中的编号,所以我们的select语句是联合查询,Label控件绑定的是Bind("DeptName"),在编辑模板里面显示部门名称下拉列表,采用限制输入的方式,一方面提高数据输入准确性,防止违反表约束导致更新或者插入失败的情况,一方面改进用户操作体验。
编辑模板的下拉框控件名字ddlDeptNameEdit,绑定的是
listName.ClearSelection(); //清除列表框中的内容 (不能在 DropDownList 中选择多个项)
listName.Items.FindByText(list).Selected=true; //显示list的内容 (1)
listName.SelectedItem.Text; //将DDL中的内容取出,赋值
//从数据库中取出值对DDL进行填充
while(dr.Read())
{
listName.Items.Add(dr.GetString(0).ToString());
}
if(listAct.SelectedValue.Equals("红色")) //判断DDL的选择
listColor1.Items.FindByText("红").Selected=true; //同(1)
//DropDownList控件绑定数据库后怎么另外添加选项,不在数据库中添加
DropDownList.Items.Insert(0,New ListItem("请选择"))
//如果还想添加value的话,选下面这条
DropDownList.Items.Insert(0,New ListItem("请选择",""))
listName.Items.FindByText(list).Selected=true; //显示list的内容 (1)
listName.SelectedItem.Text; //将DDL中的内容取出,赋值
//从数据库中取出值对DDL进行填充
while(dr.Read())
{
listName.Items.Add(dr.GetString(0).ToString());
}
if(listAct.SelectedValue.Equals("红色")) //判断DDL的选择
listColor1.Items.FindByText("红").Selected=true; //同(1)
//DropDownList控件绑定数据库后怎么另外添加选项,不在数据库中添加
DropDownList.Items.Insert(0,New ListItem("请选择"))
//如果还想添加value的话,选下面这条
DropDownList.Items.Insert(0,New ListItem("请选择",""))