Creating a 'File Upload' in DetailsView

firblazer · June 16th, 2008, 09:40 PM

Hi Imar,

Sorry for not being detailed.

I have a MS-SQL database table called Employees which keeps information like name, address, etc, and the URL of the file being uploaded. The EmployeeID is integer, name, address are declared as VARCHAR(20) and the photoURL is declared VARCHAR(200).

I also have the DetailsView1(in addedit.apsx) which is described above and also a GridView1 which is on another page(DataDisplay.aspx). When I click on the HyperLink field of the GridView1, it brings me to the DetailsView(addedit.aspx) of that record. I implemented this using DataNavigateURLFormatString=addedit.aspx?EmployeeI D={0} in GridView1. In other words, DetailsView1 displays and edits data of the record that I clicked in GridView1.

Now, the problem is: Whatever I change in DetailsView, the data doesn't get updated in GridView. Neither is it updated in the SQL database. For example, if I change the name from John to Tom in DetailsView, GridView stills display John as the name. Same goes for the photoURL. I clicked on 'Browse' to select the file and then 'Update', the file gets copied to the '~/images/' directory but the data field of the PhotoURL in the SQL database is still null.

How do I get around this problem?

Thanks.

Imar · June 16th, 2008, 11:58 PM

But where is the code that is supposed to update the database after you store the image.

If it's an Update statement, are you sure it gets the right ID so it knows what record to update?

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of Beginning ASP.NET 3.5 : in C# and VB, ASP.NET 2.0 Instant Results and Dreamweaver MX 2004
Want to be my colleague? Then check out this post.

firblazer · June 17th, 2008, 01:47 AM

Hi Imar!

I thought the 'SqlDataSource' is suppose to provide the code to update the database. When I click on 'Update' of the DetailsView, doesn't it update the database? I'm scratching my head.

If I am wrong, could you kindly give me a pointer on how the code should be.

Thanks for helping out.

Imar · June 17th, 2008, 03:33 AM

Yes, it's supposed to do that. However, it doesn't know about your action in the code behind right? How does it know you are changing the URL of the uploaded image?

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of Beginning ASP.NET 3.5 : in C# and VB, ASP.NET 2.0 Instant Results and Dreamweaver MX 2004
Want to be my colleague? Then check out this post.

firblazer · June 17th, 2008, 03:46 AM

So how should I go about putting the action of updating the database in code behind?

Is it in DetailsView1_ItemUpdated() function? What shall I put inside?

Thanks

Imar · June 17th, 2008, 04:10 AM

I may start to sound like a broken record, but that's pretty hard to tell without seeing your code. Why don't you post the *relevant* pieces of your code? (that is, don't post the entire page but just the parts that we're dealing with here).

Take a look at e.NewValues which is available in the DetailsView's ItemUpdating event.

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of Beginning ASP.NET 3.5 : in C# and VB, ASP.NET 2.0 Instant Results and Dreamweaver MX 2004
Want to be my colleague? Then check out this post.

firblazer · June 17th, 2008, 04:15 AM

Hi Imar, this is the code-behind for addedit.aspx

Code:

Partial Class Management_addedit
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Request.QueryString.Get("EmployeeID") IsNot Nothing Then
            DetailsView1.DefaultMode = DetailsViewMode.Edit
        End If
    End Sub

    Protected Sub DetailsView1_ItemInserted(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewInsertedEventArgs) Handles DetailsView1.ItemInserted
        EndEditing()
    End Sub

    Protected Sub DetailsView1_ItemInserting(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewInsertEventArgs) Handles DetailsView1.ItemInserting
        'Dim myPicture As Picture = CType(e.NewObject, Picture)
        Dim FileUpload1 As FileUpload = CType(DetailsView1.FindControl("FileUpload1"), FileUpload)
        Dim virtualFolder As String = "~/images/"
        Dim physicalFolder As String = Server.MapPath(virtualFolder)
        Dim fileName As String = Guid.NewGuid().ToString()
        Dim extension As String = System.IO.Path.GetExtension(FileUpload1.FileName)

        FileUpload1.SaveAs(System.IO.Path.Combine(physicalFolder, fileName + extension))

        'myPicture.ImageUrl = virtualFolder + fileName + extension
    End Sub

    Protected Sub DetailsView1_ItemUpdated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewUpdatedEventArgs) Handles DetailsView1.ItemUpdated
        EndEditing()
    End Sub

    Protected Sub DetailsView1_ItemUpdating(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewUpdateEventArgs) Handles DetailsView1.ItemUpdating
        Dim FileUpload1 As FileUpload = CType(DetailsView1.FindControl("FileUpload1"), FileUpload)
        Dim virtualFolder As String = "~/images/"
        Dim physicalFolder As String = Server.MapPath(virtualFolder)
        Dim fileName As String = Guid.NewGuid().ToString()
        Dim extension As String = System.IO.Path.GetExtension(FileUpload1.FileName)

        FileUpload1.SaveAs(System.IO.Path.Combine(physicalFolder, fileName + extension))

    End Sub

    Private Sub EndEditing()

        Response.Redirect("DataDisplay.aspx")
    End Sub

End Class

Imar · June 17th, 2008, 04:28 AM

And did you look at e.NewValues in the Inserting or Updating event?

For an example and an explanation, take a look at page 419. Basically, you need to provide the control with a new value for the PictureUrl column or whatever you have called it.

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of Beginning ASP.NET 3.5 : in C# and VB, ASP.NET 2.0 Instant Results and Dreamweaver MX 2004
Want to be my colleague? Then check out this post.

firblazer · June 17th, 2008, 04:38 AM

Am I right to say that I have to do:

Protected Sub DetailsView1_ItemUpdating(ByVal sender As Object, _
ByVal e As System.Web.UI.WebControls.DetailsViewUpdateEventAr gs) _
Handles DetailsView1.ItemUpdating

e.NewValues["LastName"] = DetailsView1.LastName
e.NewValues["FirstName"] = DetailsView1.FirstName
e.NewValues["PhotoURL"] = DetailsView1.PhotoURL...
...
etc?

I am confused.

Imar · June 17th, 2008, 04:45 AM

Take another look at the page / chapter I referred to. It's all in there.

The DetailsView and SqlDataSource can figure most of the stuff out, so you don't need to do anything for most fields. However, you want to change the value for the PictureUrl column in a custom event handler. That's the column you need to feed to NewValues so it understands you have a URL that it needs to feed to the SqlDataSource.

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of Beginning ASP.NET 3.5 : in C# and VB, ASP.NET 2.0 Instant Results and Dreamweaver MX 2004
Want to be my colleague? Then check out this post.