jqGrid Series, Part 1: Loading Data to a jqGrid on an ASP.NET MVC Application

It's a common task in most applications to load a bunch of data and display it as a list. Although you can manually form your markup that will display your data, there are several controls out there that are available that will aid you in displaying the intended data in an elegant manner.

jqGrid is one of the jQuery plugins that accepts data in several forms such as a JavaScript array, xml, and json and renders it in a grid-like look and feel with several built-in features such as sorting, paging, and searching. As there are a few resources out there that actually covers using of jqGrid in ASP.NET MVC, I'll be starting a series of walkthroughs and tutorials on how to incorporate jqGrid in your web application...





Creating an HTML Helper using Razor Syntax

On my previous post, I have mentioned about what I called a Razor helper and gave a glimpse of how to create one for your web application. Now, let's talk more about that in depth.

So as not to rehash what I've said in my previous post, we are going to inspect this Razor helper in both C# and VB.NET...





Integrating reCaptcha on Your Website for Spam Prevention

Whenever you have a form that is exposed to the public, that page will always be prone to spam. The most common target of spam is a comment form. Some would like to spam to someone else's site to promote their own site for the sake of search engine optimization. I'll talk about search engine optimization as a future topic but for now, let's talk about how to deal with all these spam.

The most obvious way is, of course, to use a captcha, which (by definition taken from google's recaptcha) is a program that can tell whether its user is human or computer by using colorful images with distorted text. For our discussion, let's utilize google's reCaptcha, which looks like the following...





Client-Side Binding 101 Using KnockoutJS

KnockoutJS is a Javascript framework that allows you to create a web site using MVVM design pattern. The fundamental concept of KnockoutJS is data binding so in this blog post, I'll be talking about how to bind your html elements to the data that needs to be displayed as well as to the commands associated to the events in your form.

I'll be using the Contact page of my site to explain the bindings. First off, let's create the contact form...