Bala's Blog

The main advantages of ASP.net MVC are

1) Enables the full control over the rendered HTML.
2) Provides clean separation of concerns(SoC).
3) Enables Test Driven Development (TDD).
4) Easy integration with JavaScript frameworks.
5) Following the design of stateless nature of the web.
6) RESTful urls that enables SEO.
7) No ViewState and PostBack events
The main advantage of ASP.net Web Form are
1) It provides RAD development
2) Easy development model for developers those coming from winform development.


In webforms you could also render almost whole html by hand, except few tags like viewstate, eventvalidation and similar, which can be removed with PageAdapters. Nobody force you to use GridView or some other server side control that has bad html rendering output.
I would say that biggest advantage of MVC is SPEED!
Next is forced separation of concern. But it doesn't forbid you to put whole BL and DAL logic inside Controller/Action! It's just separation of view, which can be done also in webforms (MVP pattern for example). A lot of things that people mentions for mvc can be done in webforms, but with some additional effort.
Main difference is that request comes to controller, not view, and those two layers are separated, not connected via partial class like in webforms (aspx + code behind)

Biggest single advantage for me would be the clear-cut separation between your Model, View, and Controller layers. It helps promote good design from the start.

/*   -----------Date picker start-----------  */

var datePickerDivID = "datepicker";
var iFrameDivID = "datepickeriframe";
var dayArrayShort = new Array('Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa');
var dayArrayMed = new Array('Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat');
var dayArrayLong = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
var monthArrayShort = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');
var monthArrayMed = new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec');
var monthArrayLong = new Array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
var defaultDateSeparator = "/";
var defaultDateFormat = "dmy";
var dateSeparator = defaultDateSeparator;
var dateFormat = defaultDateFormat;
function displayDatePicker(dateFieldName, displayBelowThisObject, dtFormat, dtSep)
{
  var targetDateField = document.getElementsByName (dateFieldName).item(0);
  if (!displayBelowThisObject)
    displayBelowThisObject = targetDateField;
  if (dtSep)
    dateSeparator = dtSep;
  else
    dateSeparator = defaultDateSeparator;

  if (dtFormat)
    dateFormat = dtFormat;
  else
    dateFormat = defaultDateFormat;
  var x = displayBelowThisObject.offsetLeft;
  var y = displayBelowThisObject.offsetTop + displayBelowThisObject.offsetHeight ;
  var parent = displayBelowThisObject;
  while (parent.offsetParent) {
    parent = parent.offsetParent;
    x += parent.offsetLeft;
    y += parent.offsetTop ;
  }
  drawDatePicker(targetDateField, x, y);
}
function drawDatePicker(targetDateField, x, y)
{
  datePickerTempCanclose=true;
  var dt = getFieldDate(targetDateField.value );
  if (!document.getElementById(datePickerDivID)) {
    var newNode = document.createElement("div");
    newNode.setAttribute("id", datePickerDivID);
    newNode.setAttribute("class", "dpDiv");
    newNode.setAttribute("style", "visibility: hidden;");
    document.body.appendChild(newNode);
  }
  var pickerDiv = document.getElementById(datePickerDivID);
  pickerDiv.style.position = "absolute";
  pickerDiv.style.left = x + "px";
  pickerDiv.style.top = y + "px";
  pickerDiv.style.visibility = (pickerDiv.style.visibility == "visible" ? "hidden" : "visible");
  pickerDiv.style.display = (pickerDiv.style.display == "block" ? "none" : "block");
  pickerDiv.style.zIndex = 10000;
  refreshDatePicker(targetDateField.name, dt.getFullYear(), dt.getMonth(), dt.getDate());
}
function getLMSGMTDate(){
  try{
        var date = new Date();
        var tempDateArray1 = LMSGMT.split(' ');
      var tempDateArray2 = tempDateArray1[0].split('/');
      var ye = parseInt(tempDateArray2[2]);
      var mo = (parseInt(tempDateArray2[1])==0?parseInt(tempDateArray2[1].charAt(1)):parseInt(tempDateArray2[1]))-1;
      var da = (parseInt(tempDateArray2[0])==0?parseInt(tempDateArray2[0].charAt(1)):parseInt(tempDateArray2[0]));//parseInt(tempDateArray2[0]);
      var tempDateArray3 = tempDateArray1[1].split(':');
      var hour = tempDateArray3[0];
      var min = tempDateArray3[1];
      var sec = tempDateArray3[2];
      var thisDay = new Date(ye,mo,da,hour,min,sec);
      return thisDay;
  }catch(e){return new Date();}
}
function setDateTimePickerToFields(ids){
     var dateTimeArray = LMSGMT.split(' ');
    var dateArray = dateTimeArray[0].split('/');
    var timeArray = dateTimeArray[1].split(':');
    var dateArg = parseInt(dateArray[2]+dateArray[1]+dateArray[0]);
    var timeArg = timeArray[0]+timeArray[1];
    var id=ids.split(",");
    for(var i=0;i
        var cal = Calendar.setup({
              onSelect: function(cal) {
                cal.hide();
              },
              date: dateArg,
              time:timeArg,
              showTime: 12
          });
          cal.manageFields(id[i], id[i], "%d/%b/%Y %H:%M:%S");
          cal.selection.set(dateArg);
      }
}
function refreshDatePicker(dateFieldName, year, month, day){
  /*var tempDateArray = LMSGMT.split('/');
  var ye = parseInt(tempDateArray[2])-1900;
  var mo = 0;
  var da = parseInt(tempDateArray[0]);
  for(var monIndex =0 ;monIndex<12;monIndex++){
      if(tempDateArray[1]==monthArrayShort[monIndex]){
          mo = monIndex;
      }
  }
  var thisDay = new Date(ye,mo,da);*/
  var thisDay = getLMSGMTDate();
  if ((month >= 0) && (year > 0)) {
      day = thisDay.getDate();
    thisDay = new Date(year, month, 1);
  } else {
    day = thisDay.getDate();
    thisDay.setDate(1);
  }
  var crlf = "\r\n";
  var TABLE = "

The following Javascript function to generate yui datatable with json data,