Skip to main content

How to get collections on viewmodel on postback in MVC

In mvc most of the people will face problem how to bind view model list while post request. If a partial control is binding with a list and want to preserve the user input with view model list, most common issue is id/name is same. If the Id/Name are different only MVC engine can bind it with the model.

Please see the below example

Build the view/partial view in the following way. By keeping a row counter means all items will have unique names.

Suppose this partial view is coming inside a View Called MethodName.ASPX and is included inside the

Main Page


using html.beginform()
[httpGet]

{
<%html.dropdownlist(model=>model.Test, new {onclick=Test(<%=model.Id%>);});
<.div id="dvPopulatePartialViewWithList"></.div>
}


Javascript function Test


function Test(id)
{
 $.ajax({
        type: "Get",
        data: "Id=" + Id,
        url: '/MyController/GetPartialViewListById',
        success: function (result) {
            $('#dvPopulatePartialViewWithList').html(result);
        }
    });
}


Controller Method


public actionresult GetPartialViewListById(int Id)
{
 try
{
  List list=GetListById(Id);

return renderPartial("MyPartialView",list);
}
catch(Exception ex)
{
throw new exception("error",ex);
}
}

PartialView   MyPartialView


<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl>" %>
<%@ Import Namespace="External_ViewModel" %>

<%  int rowCounter = 0; //Keep track of unique value for binding to model list
%>
   

<%
           foreach (var model in Model)
           {
           
<%: Html.ValidationSummary(true)%>
<%: Html.Hidden("[" + rowCounter + "].Id", model.Id)%>
<%: Html.Hidden("[" + rowCounter + "].Name", Model.Name)%>

    <%= model.nameOfItem%>
    [
    <%= cav.Item%>
    ]



    <%: Html.TextBox("[" + rowCounter + "].Value", model.Value, new { Style = "width:140px;" })%>
 
    <%: Html.ValidationMessage("[" + rowCounter + "].Value", model.Value)%>
 
<% ++rowCounter;
           }  //end foreach  Loop
%>

In Controller create the action like this


[httpPost]
 public ActionResult MethodName(ViewModel model, List resultList)

        {
// when you submit the form resultList will have binded values
}

Comments

Popular posts from this blog

Compiled Query- Improve the performance of Linq to Entity Query

Most of the small or medium IT firms are using the Entity framework for the Data Access layer (DAL). If we write a complex linq to Entity queries performance will always be an issue. But with the Compiled Query Performance can be improved. This below definitions are from MSDN and more details can be found on the MSDN Link that is at the end of this post           When you have an application that executes structurally similar queries many times in the Entity Framework, you can frequently increase performance by compiling the query one time and executing it several times with different parameters. For example, an application might have to retrieve all the QuoteRevision for a particular quotelineStatus, the quotelinestatus is specified at runtime. LINQ to Entities supports using compiled queries for this purpose.               The  compiled query class provides compilation and caching of queries for reuse . Co...

Sql Server Internals - Named Pipes

Named pipes enables clients applications to request a reliable and two way connection between the client application and Sql Server, across a network. A named pipe has a name which follows the UNC naming convention : \\Server\pipe\name The default names pipe for SQL server is :                 \\Server\pipe\sql\query A named instance would have a named pipe of                \\server\pipe\MSSQL$instancename\sql\query Early versions of SQL Server only provided Named Pipes. Named Pipes also allows for impersonation of a clients credentials. The feature is used by SQL server when using Linked Servers. The clients logon credentials are passed across to the Linked Server for authentication. Named Pipes can operate over TCP/IP, NETBEUI or IPX as it indirectly relies on the Common Internet Files Sytems

Bootstrap Server Side Pagination - alternative to data tables

Background Most of the Web developers are familiar with the Datatable.Net for pagination. DataTables can integrate seamlessly with  Bootstrap  using Bootstrap's  table styling options  to present a consistent interface with your Bootstrap driven site / app. The main disadvantage with Data table.net is it is applying the pagination at the client side and for the large data set it can take minutes to load the data. Like every other designer I also faced the problem with Data table.net. So what is the best option to replace the client side paging and searching. So I forced to create a custom module to do the pagination and searching. The below sample don’t support the sorting, but got an option to extend the functionality. Please check my Next Post for sorting functionality The technologies used include, MVC 4.0, HTML5, Bootstarp.css, Knockout. js, Ajax, Web Api 2.0, Linq to SQL and C#. Knockout.js Model’s Filter Model var filter = function (...