A Client Script Helper Utility Class

• Download source files - 19 Kb
• Download demo project - 19 Kb

Introduction

Using the "Add" method of "Attributes" property of ASP.NET web controls you ca add client side functionalities (like showing message, print dialog, close browser, browser back, pop-up window etc) to your code. However, invoking the client side behaviors to the web controls, you have to remember the corresponding client script codes as well as each time you want to use that by adding the corresponding attribute. The "ClientScriptHelper" utility class will help you by not requiring you to remember the client side codes in this case.

<o:p> 

Using the class

<o:p> 

As the "Add" method of "Attributes" property of ASP.NET web controls requires to be invoked in the "Page Load" event of the ASP.NET, you need to call the helper static methods, in the corresponding event handler.

protected System.Web.UI.WebControls.LinkButton lbtPrint;
protected System.Web.UI.WebControls.LinkButton lbtClose;
protected System.Web.UI.WebControls.LinkButton lbtShowPopup;
protected System.Web.UI.WebControls.LinkButton lbtShowMessage;
 
private void Page_Load(object sender, System.EventArgs e)
{
    if ( !IsPostBack)
    {
    Ashraf.ClientScriptHelper.AddPrint(lbtPrint);
    Ashraf.ClientScriptHelper.AddCloseWindow(lbtClose);
    Ashraf.ClientScriptHelper.AddOpenPopupWindow(lbtShowPopup, "<A href="http://www.codeproject.com/">http://www.codeproject.com/</A>");
    Ashraf.ClientScriptHelper.AddMessage(lbtShowMessage, "Hello World");
    }
}

In the provided sample page we have four ASP.NET LinkButton control, for each of them we have assigned different functionalities. Since, to add client side functionalities to the web controls only once is enough, we call the methods in the "!IsPostBack" code block.

<o:p> 

The code below adds the 'Show Message box' functionality to a web control:

<o:p> 

Ashraf.ClientScriptHelper.AddMessage(lbtShowMessage, "Hello World"); 

The code below adds the 'Pop-up' functionality to a web control:

<o:p> 

Ashraf.ClientScriptHelper.AddOpenPopupWindow(lbtShowPopup, "<A href="http://www.codeproject.com/">http://www.codeproject.com/</A>");

The code below adds the 'Print Dialog' functionality to a web control:

<o:p> 

Ashraf.ClientScriptHelper.AddPrint(lbtPrint);

The code below adds the 'Browser Close' functionality to a web control:

<o:p> 

Ashraf.ClientScriptHelper.AddCloseWindow(lbtClose);

Conclusion:

<o:p> 

Any advice or correction for this class will be highly appreciated.

<o:p> 

<o:p>