Back-end Management Tasks for an ASP.NET AJAX Server-Centric Based Online Shopping Website - The Product Manage Page

(Page 4 of 6 )

The really important page is "ProductManage.aspx" (Figure 29) which accomplishes the above mentioned functions from step 3 to 7. Now, let’s look more closely into it.

Figure 29—the design-time snapshot for page ‘ProductManage.aspx’

The layout of this page is simple, with only two controls on it—a GridView to provide the functionalities of viewing, modifying, and deleting products as well as managing the product comments, and a button responsible for adding new products.

Because the initialization of the page is very simple (or at least similar to those in other discussed modules), we will bypass it, but directly switch to discussing the deletion operation.

First, let’s see the related code:

protected void ProductView_RowDataBound(object sender,GridViewRowEventArgs
e)

{

///find the 'Delete' button

ImageButton deleteBtn = (ImageButton)e.Row.FindControl("DeleteBtn");

if(deleteBtn != null)

{ ///add the dialog that confirms the user to make the deletion

deleteBtn.Attributes.Add("onclick","return confirm('Are you sure to delete
the selected item?');");

}

}

protected void ProductView_RowCommand(object
sender,GridViewCommandEventArgs e){

if(e.CommandName == "delete") {

///delete data

Product product = new Product();

product.DeleteProduct(Int32.Parse(e.CommandArgument.ToString()));

///rebind data to the control

BindProductData(nCategoryID);

Response.Write("<script>alert('" + "Deleting successfully. Please safekeep
your data!" + "');</script>");

}

}

When clicking the ImageButton ‘X’in the product line inside the GridView control, the selected product can be deleted. Of course before the deleting action, there first appears a dialog asking the user to make a further decision, as is achieved in the above function named ProductView_RowDataBound. In this function, we first find the ‘X’ button. If the button exists, then we attach a confirm dialog to it for later use.

Next, when the user clicks button ‘X’ on each line the ProductView_RowCommandevent of the GridView ProductViewwill be triggered to delete the current selected product. In the above function, we first obtain the value of the CommandName parameterof a GridViewCommandEventArgsobject. If it equals "delete," then start the deletion operation, or else, just return.

Next: Adding New Product >>
 

More ASP.NET Articles
More By Xianzhong Zhu

Comments On: Back-end Management Tasks for an ASP.NET AJAX Server-Centric Based Online Shopping Website

>>> Be the FIRST to comment on this article!