(C#) ASP.NET FormView Control - Edit/Update |
(C#) ASP.NET FormView Control - Edit/Update อีกความสามารถหนึ่งของ FormView ที่ทำงานบน Framework 2.0 ก็คือการแสดงโหมดของการแก้ไขข้อมูล (Edit) และอัพเดด (Update) ข้อมูลใน Form เดียวกัน หลักการก็ไม่ยากครับ เพียงทำการเปลี่ยนโหมดของ FormView ให้แสดง Mode ที่เป็นการแก้ไข และจัดการใส่ Control Textbox เข้าไปในโหมดนี้
Language Code : VB.NET ||  C#
Framework : 2,3,4
FormViewEditUpdate.aspx
<%@ Import Namespace="System.Data"%>
<%@ Import Namespace="System.Data.OleDb"%>
<%@ Page Language="C#" Debug="true" %>
<script runat="server">
OleDbConnection objConn;
OleDbCommand objCmd;
int strGalleryID = 3; //*** Default Value ***//
String strSQL;
//int strGalleryID =Convert.ToInt32(Request.QueryString["GalleryID"]) (For Read Params) ***//
void Page_Load(object sender,EventArgs e)
{
String strConnString;
strConnString = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" +
Server.MapPath("database/mydatabase.mdb") + ";";
objConn = new OleDbConnection(strConnString);
objConn.Open();
if(!Page.IsPostBack)
{
BindData();
}
}
void BindData()
{
String strSQL;
strSQL = "SELECT * FROM gallery WHERE GalleryID = " + strGalleryID;
OleDbDataReader dtReader;
objCmd = new OleDbCommand(strSQL, objConn);
dtReader = objCmd.ExecuteReader();
//*** BindData to FormView ***//
myFormView.DataSource = dtReader;
myFormView.DataBind();
dtReader.Close();
dtReader = null;
}
void Page_UnLoad()
{
objConn.Close();
objConn = null;
}
void myFormView_DataBound(Object sender, System.EventArgs e)
{
//*** Image ***//
Image Image1 = (Image)(myFormView.FindControl("Image1"));
if(Image1 != null)
{
Image1.ImageUrl = "images/"+(string)DataBinder.Eval(myFormView.DataItem, "Picture");
Image1.Attributes.Add("OnClick", "window.open('images/"+(string)DataBinder.Eval(myFormView.DataItem, "Picture")+"')");
Image1.Width = 100;
Image1.Style.Add("cursor","hand");
Image1.ToolTip = (string)DataBinder.Eval(myFormView.DataItem, "GalleryName");
}
//*** GalleryName ***//
Label lblGalleryName = (Label)(myFormView.FindControl("lblGalleryName"));
if(lblGalleryName != null)
{
lblGalleryName.Text = (string)DataBinder.Eval(myFormView.DataItem, "GalleryName");
}
}
void myFormView_ItemUpdating(Object sender, FormViewUpdateEventArgs e)
{
//*** GalleryID ***//
Label lblGalleryID = (Label)(myFormView.FindControl("lblGalleryID"));
//*** GalleryName ***//
TextBox txtGalleryName = (TextBox)(myFormView.FindControl("txtGalleryName"));
strSQL = "UPDATE gallery SET GalleryName = '" + txtGalleryName.Text + "' " +
" WHERE GalleryID = " + lblGalleryID.Text + " ";
objCmd = new OleDbCommand(strSQL, objConn);
objCmd.ExecuteNonQuery();
//*** If Select File Upload ***//
HtmlInputFile filPicture = (HtmlInputFile)(myFormView.FindControl("filPicture"));
String strFileName;
if(filPicture.PostedFile.FileName.Trim() != "")
{
strFileName = System.IO.Path.GetFileName(filPicture.Value);
filPicture.PostedFile.SaveAs(Server.MapPath("images/" + strFileName));
strSQL = "UPDATE gallery SET Picture = '" + strFileName + "' " +
" WHERE GalleryID = " + lblGalleryID.Text + " ";
objCmd = new OleDbCommand(strSQL, objConn);
objCmd.ExecuteNonQuery();
}
myFormView.ChangeMode(FormViewMode.ReadOnly);
BindData();
}
void myFormView_ModeChanging(Object sender, FormViewModeEventArgs e)
{
switch (e.NewMode)
{
case FormViewMode.Edit :
myFormView.ChangeMode(FormViewMode.Edit);
break;
case FormViewMode.ReadOnly :
myFormView.ChangeMode(FormViewMode.ReadOnly);
break;
}
BindData();
}
</script>
<html>
<head>
<title>ThaiCreate.Com ASP.NET - FormView</title>
</head>
<body>
<form id="form1" runat="server">
<asp:FormView id="myFormView" runat="server"
OnDataBound="myFormView_DataBound"
onModeChanging="myFormView_ModeChanging"
OnItemUpdating="myFormView_ItemUpdating">
<ItemTemplate>
<table width="100" cellpadding="5" border="1">
<tr>
<td valign="top" align="center">
<asp:Image id="Image1" runat="server"/>
<br />
<asp:Label id="lblGalleryName" runat="server"></asp:Label>
<br />
<asp:LinkButton id="lnkEdit" runat="server" CommandName="Edit">Edit</asp:LinkButton>
</td>
</tr>
</table>
</ItemTemplate>
<EditItemTemplate>
<asp:Label id="lblGalleryID" runat="server" Visible = "False" text='<%# DataBinder.Eval(Container.DataItem, "GalleryID") %>'></asp:Label>
<asp:TextBox id="txtGalleryName" runat="server" text='<%# DataBinder.Eval(Container.DataItem, "GalleryName") %>'></asp:TextBox><br />
<input id="filPicture" type="file" runat="server"><br />
<asp:LinkButton id="lnkUpdate" runat="server" CommandName="Update">Update</asp:LinkButton>
<asp:LinkButton id="lnkCancel" runat="server" CommandName="Cancel">Cancel</asp:LinkButton>
</EditItemTemplate>
</asp:FormView>
</form>
</body>
</html>
Screenshot
|
 ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
| |
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
| |
Score Rating : |
 |
|
| |
Create/Update Date : |
2008-11-05 18:39:05 /
2017-03-28 21:37:03 |
| |
Download : |
|
|
|
Sponsored Links / Related |
|
|
|
|
|
|
|
|
Load balance : Server 01
