Ramblings by some one who is in love with code

Copy HTML:

If you like this then please subscribe to the RSS Feed.

Client Side Data Templates will help us to largely reduce the JavaScript code we use in typical “web 2.0” pages. With the use of jQuery and client side data templates, we can write more readable and more maintainable JavaScript based pages. It will also help us to make better use of the color coding and intellisence features available in modern IDEs like Visual Studio.

Here I’ll show you how easily we can define JavaScript based data templates in client side and how we can bind it to JSON data. Let’s try to create a products listing page were we will be showing a list of products, which we get from a JSON web service, in a grid like format.

The corner stone of this solution is the following jQuery extender function which will do all the tricks. Thanks to John Resig for this brilliant utility function. To use this technique in your projects, you simply have to copy this function and put it in your script file.

$.fn.parseDataTemplate = function(data)
{
    var str = (this).html();
    var cache = {}
    var err = "";
    try
    {
        var func = cache[str];
        if (!func)
        {
            var strFunc =
            "var p=[],print=function(){p.push.apply(p,arguments);};" +
                        "with(obj){p.push('" +
            str.replace(/[\r\t\n]/g, " ")
               .replace(/'(?=[^#]*#>)/g, "\t")
               .split("'").join("\\'")
               .split("\t").join("'")
               .replace(/<#=(.+?)#>/g, "',$1,'")
               .split("<#").join("');")
               .split("#>").join("p.push('")
               + "');}return p.join('');";

            func = new Function("obj", strFunc);
            cache[str] = func;
        }
        return func(data);
    } catch (e) { err = e.message; }
    return "< # ERROR: " + err.toString() + " # >";
}

Continue reading →

Bookmark and Share This Post

Close Bookmark and Share This Page

Copy HTML:

If you like this then please subscribe to the RSS Feed.

Add-ons got a mojor role in making me so sticky to Firefox browser. They comes in all shapes and colors. Here is the list of Add-ons I have in my Firefox browser.

Bookmark and Share This Post

Close Bookmark and Share This Page

Copy HTML:

If you like this then please subscribe to the RSS Feed.

Ever wanted to get an email when ever your favorite blogs or any other RSS feeds gets updated? Here is the solution for you – Feed My Inbox. This service will help you to follow any blog/website, which exposes rss feeds, by sending you mails when ever there is an update. This will be helpful if you don’t have access to online services like Google Reader.

Bookmark and Share This Post

Close Bookmark and Share This Page

Copy HTML:

If you like this then please subscribe to the RSS Feed.

Many times, after adding your source code to source repository for a new project, you might have got annoyed to see all sort of junk files checked in to your SVN. From next time onwards you should make use of the global ignore list feature available in SVN to save your time. For Visual Studio based projects, I would suggest to start of with something like this in your global ignore pattern setting.

*/bin */obj */Release */Debug *.suo *.err *.log *.obj *.bin *.dll *.exe *.LOG *.user *.pdb [tT]emp [tT]empPE Ankh.Load thumbs.db *.resharper *.vspscc *.vsssccc *.scc */_ReSharper* */_ReSharper.* bin obj *.resharperoptions *.db *.bak *_ReSharper* *.snk logs output TestResults

Bookmark and Share This Post

Close Bookmark and Share This Page

Copy HTML:

If you like this then please subscribe to the RSS Feed.