Pankaj Lalwani's Blog

Adding UserControl Dynamically and Set Properties in Asp.net

pankajlalwani — Mon, 08 Nov 2010 07:11:27 +0000

Adding UserControl Dynamically and Set Properties in Asp.net

ucMyUserControl ucUser = (ucMyUserControl )LoadControl(“~/folder/MyUserControl.ascx”);
ucUser.MyProperty = “I got my property”; 
MyDiv.Controls.Add(ucUser);

For More Details Visit : http://www.highonmicrosoft.com/dynamically-loading-and-accessing-the-properties-of-the-user-control.html http://stackoverflow.com/questions/213429/programmatically-adding-user-controls-inside-an-updatepanel http://geekswithblogs.net/samerpaul/archive/2009/11/13/dynamically-adding-web-user-controls-and-accessing-their-properties-by.aspx http://stackoverflow.com/questions/508826/set-properties-on-dynamically-added-usercontrol

Validate your Javascript for Errors, checks

pankajlalwani — Mon, 01 Nov 2010 08:01:41 +0000

Below are the software that can be used to validate your javascript code, check for errors :

JSLint

http://www.jslint.com/

Scryptik javascript editor and validator

http://www.purpleoar.co.nz/scryptik/

Yaldex

http://www.yaldex.com/JSFactory_Pro.htm

Insert JavaScript & CSS Dynamically

pankajlalwani — Mon, 25 Oct 2010 04:57:52 +0000

Below is the code for Adding Javascript:

var headID = document.getElementsByTagName("head")[0];
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://www.somedomain.com/somescript.js';
headID.appendChild(newScript);

Below is the code for Adding CSS:

var headID = document.getElementsByTagName("head")[0];
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'FireFox.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);

For More Details Refer:

http://bit.ly/9Q8bDK

Using Datejs – Open Source Javascript Date Library

pankajlalwani — Mon, 18 Oct 2010 06:19:02 +0000

Datejs is an open source JavaScript Date library for parsing, formatting and processing

Overview & Download

http://code.google.com/p/datejs/

Getting Started

http://www.datejs.com/2007/11/27/getting-started-with-datejs/

Documentation

http://code.google.com/p/datejs/wiki/APIDocumentation

Examples:


Date.today()
Date.today().next().friday()
Date.today().is().november()
Date.today().addDays(1)
Date.today().addMonths(-3)
Date.october().fourth().sunday(
Date.today().between(startDate, endDate)  
Date.today().toString('d-MMM-yyyy')
Date.today().toShortDateString()
Date.getDayNumberFromName('sat')
Date.isLeapYear(2008)
Date.getDaysInMonth(2007, 9)

RegEx to Replace multiple line breaks in Asp.net

pankajlalwani — Mon, 04 Oct 2010 05:54:11 +0000

Suppose the text is

“Long Description

With

Multiple

Line

Breaks”

Mulitple line breaks can be replaced with regex as follows:

Regex.Replace(yourlongtext, "[\r\n]+", " - - ");

Replace white spaces – blank spaces in string using Javascript

pankajlalwani — Mon, 27 Sep 2010 06:44:52 +0000

Regex make our life simpler, and when used properly can create miracles. One such example Regex is given below which replaces white spaces/blank spaces in string using javascript :

function ReplaceWhiteSpaces()
{
 var text = "Example to Replace white spaces in strings";
 text = text.replace(/\s/g, "-");
 alert(text);
}

Output : Example-to-Replace-white-spaces-in-strings

Regex Used : /\s/g

Get Client ID using Jquery

pankajlalwani — Mon, 20 Sep 2010 06:28:27 +0000

When we are developing client side in asp.net, we need the id of the controls, but the IDs are merged with master page naming containers.

The id will look something like this

ctl00_MainContent_txtboxId
But using Jquery we can get id like this

$("#<%= txtboxId.ClientID %>")
$("[id$=_ txtboxId]").attr("id")

You can also use the function

function GetClientID(id, context) {
var el = $("#" + id, context);
if (el.length < 1)
el = $("[id$=_" + id + "]", context);
return el;
}

Ex:

GetClientID("txtboxId").attr("id");

Or if I want to be specific about the container:
GetClientID("txtboxId",$("#wrapper")).attr("id");

For More Details Visit: http://www.west-wind.com/Weblog/posts/42319.aspx

Solving Calendar Extender Problem in Modal Popup Extender Asp.net

pankajlalwani — Mon, 13 Sep 2010 09:23:43 +0000

Calendar Extender control when placed inside modal popup extender will not be seen in front. To solve this issue, we have the following solution


OnClientShown="CalendarShown"> 

function calendarShown(sender, args)
    {
        sender._popupBehavior._element.style.zIndex = 10005;
    }

Truncate Strings At Complete Words without chopping words half way In C#, Asp.net

pankajlalwani — Mon, 30 Aug 2010 06:30:32 +0000

There is always a common need to display n number of characters of a string and then….
But it regular practice we lose the characters displaying incomplete word.
For Eg. This is an example of long string
Now what happens when we use substring(..), the result will be
This is an example o…
It left the word “of” incomplete, chopping off the words in half way. To avoid below are the solutions to it.

public static string TruncateWithoutChopping(this string strText, int intLength)
{
    if (strText == null || strText.Length < intLength)
        return strText;
    int intNextSpace = strText.LastIndexOf(" ", intLength);
    return string.Format("{0}...", strText.Substring(0, (intNextSpace > 0) ? intNextSpace: strText).Trim());
}

Another Extension method is as follows:

public static string TruncateWithoutChopping (this string strText, int intLength)
  {
    if(String.IsNullOrEmpty(strText))
      throw new ArgumentNullException(s);
    var words = strText.Split(new[] { ' ' }, StringSplitOptions.RemoveEmptyEntries);
    var sbText = new StringBuilder();

    foreach (var word in words.Where(word => (sbText.ToString().Length + word.Length) <= intLength))
    {
      sbText.Append(word + " ");
    }
    return sbText.ToString().TrimEnd(' ') + "...";
  }

Using Jquery From CDN – Google/Microsoft Host

pankajlalwani — Mon, 23 Aug 2010 06:51:17 +0000

CDN (Content Delivery Network) serves Jquery libraries to your users directly from host may be Google or Microsoft. The reasons are pretty obvious, Decreased Latency, Increased parallelism, Better Caching. For this better avoid hosting your own copies of Jquery.

It can be used like this:

Detailed Articles are as follows:

1) Using Google CDN

http://bit.ly/v9RE

2) Using Microsoft CDN

http://bit.ly/6wYYh5

3) CDN and local copy both

http://bit.ly/5MRyd0