C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;


namespace TaxQuestionnaire.ViewModel
{
  public class DisplayVM
  {
    public List<Row> Result { get; set; }
    public List<SelectListItem> DDlist { get; set; }
    public List<SelectListItem> LBlist { get; set; }
    public DisplayVM()
    {
      Result = new List<Row>();
    }
  }
  public class Row
  {
    public String SQ1 { get; set; }
    public string SQ2 { get; set; }
    public string SQ3 { get; set; }
  }
}

Model

​x
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
​
​
namespace TaxQuestionnaire.ViewModel
{
  public class DisplayVM
  {
    public List<Row> Result { get; set; }
    public List<SelectListItem> DDlist { get; set; }
    public List<SelectListItem> LBlist { get; set; }
    public DisplayVM()
    {
      Result = new List<Row>();
    }
  }
  public class Row
  {
    public String SQ1 { get; set; }
    public string SQ2 { get; set; }
    public string SQ3 { get; set; }
  }
}
​

@model TaxQuestionnaire.ViewModel.DisplayVM

@{
  ViewBag.Title = "Index";
}

<h2>Tax Questionnaire</h2>
@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { name = "Frm", id = "FrmID" }))
{
  <input type="button" class="add-row" value="Add Row">
  <button type="button" class="delete-row">Delete Row</button>
    <table class="table-bordered table-responsive">
      <tbody>
        @for (int i = 0; i < Model.Result.Count; i++)
        {
        <tr>
          <td>
            <input type="checkbox" name="record" />
          </td>
          <td>
            @Html.DropDownListFor(model => model.Result[i].SQ1, new SelectList(Model.DDlist, "Value", "Text",Model.Result[i].SQ1))
          </td>
          <td>
            @Html.TextBoxFor(model => model.Result[i].SQ2)
          </td>
          <td>
            @Html.TextBoxFor(model => model.Result[i].SQ3)
          </td>
        </tr>
        }
      </tbody>
    </table>
	<input type="button" value="Submit" onclick="Save()">
	<script>
		$(document).ready(function () {
        $(".add-row").click(function () {
          var newrow = $("table tbody tr:first").clone();
          $("table tbody").append(newrow);
        });

        $(".delete-row").click(function () {
          $("table tbody").find('input[name="record"]').each(function () {
            if ($(this).is(":checked")) {
              $(this).parents("tr").remove();
            }
          });
        });
      });
      function Save() {
        $.ajax({
            type: 'post',
            datatype: 'json',
            url: '@Url.Action("SaveData", "Home")',
            traditional: true,
            data: $('#FrmID').serialize(),
            success: function (result) {
                  alert("Total count is: "+result.count);
			},
            error: function (error) {
                location.href = ' @Url.Action("Error", "Home")';
            }
        });
      }		
	</script>
  }

View

 
@model TaxQuestionnaire.ViewModel.DisplayVM
​
@{
  ViewBag.Title = "Index";
}
​
<h2>Tax Questionnaire</h2>
@using (Html.BeginForm("Index", "Home", FormMethod.Post, new { name = "Frm", id = "FrmID" }))
{
  <input type="button" class="add-row" value="Add Row">
  <button type="button" class="delete-row">Delete Row</button>
    <table class="table-bordered table-responsive">
      <tbody>
        @for (int i = 0; i < Model.Result.Count; i++)
        {
        <tr>
          <td>
            <input type="checkbox" name="record" />
          </td>
          <td>
            @Html.DropDownListFor(model => model.Result[i].SQ1, new SelectList(Model.DDlist, "Value", "Text",Model.Result[i].SQ1))
          </td>
          <td>
            @Html.TextBoxFor(model => model.Result[i].SQ2)
          </td>
          <td>
            @Html.TextBoxFor(model => model.Result[i].SQ3)
          </td>
        </tr>
        }
      </tbody>
    </table>
    <input type="button" value="Submit" onclick="Save()">
    <script>
        $(document).ready(function () {
        $(".add-row").click(function () {
          var newrow = $("table tbody tr:first").clone();
          $("table tbody").append(newrow);
        });
​
        $(".delete-row").click(function () {
          $("table tbody").find('input[name="record"]').each(function () {
            if ($(this).is(":checked")) {
              $(this).parents("tr").remove();
            }
          });
        });
      });
      function Save() {
        $.ajax({
            type: 'post',
            datatype: 'json',
            url: '@Url.Action("SaveData", "Home")',
            traditional: true,
            data: $('#FrmID').serialize(),
            success: function (result) {
                  alert("Total count is: "+result.count);
            },
            error: function (error) {
                location.href = ' @Url.Action("Error", "Home")';
            }
        });
      }     
    </script>
  }

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.UI.WebControls;

using TaxQuestionnaire.ViewModel;

namespace TaxQuestionnaire.Controllers
{
  public class HomeController : Controller
  {
  	[HttpGet]
    public ActionResult Index()
    {
      DisplayVM display = new DisplayVM();
      display.DDlist = new List<SelectListItem>()
        {
        new SelectListItem(){Text="Select",Value="0"},
        new SelectListItem(){Text="Audi",Value="1"},
        new SelectListItem() { Text = "Benz", Value = "2" },
        new SelectListItem(){Text="Porsche",Value="3"},
        new SelectListItem(){Text="Rolls Royce",Value="4"}
        };
      display.LBlist = new List<SelectListItem>()
        {
          new SelectListItem(){Text="Lead Generation",Value="1"},
          new SelectListItem(){Text="Relationship Building",Value="2"},
          new SelectListItem(){Text="Sales Pitches",Value="3"},
          new SelectListItem(){Text="conclude contracts",Value="4"}
        };

      List<Row> rows = new List<Row>();
      rows.Add(new Row() { SQ1 = "2", SQ2 = "Arun", SQ3 = "kumar" });
      rows.Add(new Row() { SQ1 = "3", SQ2 = "kumar", SQ3 = "Arun" });
      display.Result = rows;

      return View(display);
    }
	[HttpPost]
	public JsonResult SaveData(DisplayVM display)
	{
		int count = display.Result.Count();
		return Json(new{count},JsonRequestBehavior.AllowGet);
	}
}
}

Controller

 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.UI.WebControls;
​
using TaxQuestionnaire.ViewModel;
​
namespace TaxQuestionnaire.Controllers
{
  public class HomeController : Controller
  {
    [HttpGet]
    public ActionResult Index()
    {
      DisplayVM display = new DisplayVM();
      display.DDlist = new List<SelectListItem>()
        {
        new SelectListItem(){Text="Select",Value="0"},
        new SelectListItem(){Text="Audi",Value="1"},
        new SelectListItem() { Text = "Benz", Value = "2" },
        new SelectListItem(){Text="Porsche",Value="3"},
        new SelectListItem(){Text="Rolls Royce",Value="4"}
        };
      display.LBlist = new List<SelectListItem>()
        {
          new SelectListItem(){Text="Lead Generation",Value="1"},
          new SelectListItem(){Text="Relationship Building",Value="2"},
          new SelectListItem(){Text="Sales Pitches",Value="3"},
          new SelectListItem(){Text="conclude contracts",Value="4"}
        };
​
      List<Row> rows = new List<Row>();
      rows.Add(new Row() { SQ1 = "2", SQ2 = "Arun", SQ3 = "kumar" });
      rows.Add(new Row() { SQ1 = "3", SQ2 = "kumar", SQ3 = "Arun" });
      display.Result = rows;
​
      return View(display);
    }
    [HttpPost]
    public JsonResult SaveData(DisplayVM display)
    {
        int count = display.Result.Count();
        return Json(new{count},JsonRequestBehavior.AllowGet);
    }
}
}

View in Full Screen

View IL Code