Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi all,

I have an application which has been built in MVC 2.0. I need to upgrade it to MVC 3.0 and that too by using Razor CSHTML engine.

All the information which I got on the net was for MVC 3.0 Webform engine but nothing much for migrating to Razor.

I would be very grateful if somebody shows me the steps or sample walkthrough for the purpose of this migration.

Any help would be greatly appreciated.

Thanks and regards,

Tanay.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Check,

http://weblogs.asp.net/imranbaloch/archive/2010/09/01/another-way-to-get-start-asp-net-mvc-3-preview-1.aspx

http://weblogs.asp.net/leftslipper/archive/2010/07/28/migrating-asp-net-mvc-2-applications-to-asp-net-mvc-3-preview-1.aspx

Update: Marcin has now done the job for you

http://blogs.msdn.com/b/marcinon/archive/2011/01/13/mvc-3-project-upgrade-tool.aspx

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi,

1. I have already seen the second URL.

When I run the converter, my project gets converted successfully.

But when I try to run the site, I get the following error:

Compiler Error Message: CS1061: 'object' does not contain a definition for 'SetDate' and no extension method 'SetDate' accepting a first argument of type 'object' could be found (are you missing a using directive or an assembly reference?)

The same works fine in MVC 2.

2. I took a look at the first URL now.

I do not have an OS problem-- It is Windows Vista Home Premium and VS 2010 Professional.

I created a new empty ASP.NET MVC 3 project using Razor View engine & its working fine.

My problem is that I have an existing project in which there are more than a couple of views and I need to convert these views from MVC 2 to ASP.NET MVC 3 Razor View engine.

I am not finding any doc. on the same and I don't know how to proceed (i.e. should I copy the Controllers & Models and then generate the views or should I copy the views from MVC 2 to 3, or what else should be done, I have absolutely no idea!).

Thanks for the reply. Please guide me if possible.

Tanay.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s
1. I have already seen the second URL.

Is you tried first. This simply add new MVC 3 components into your MVC 2 application.

tanay_s
My problem is that I have an existing project in which there are more than a couple of views and I need to convert these views from MVC 2 to ASP.NET MVC 3 Razor View engine.

Note that the MVC 3 supports both Razor and WebForm ViewEngine and the above convertor will not convert your WebForm view into razor view. You need to manually create one.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s

Compiler Error Message: CS1061: 'object' does not contain a definition for 'SetDate' and no extension method 'SetDate' accepting a first argument of type 'object' could be found (are you missing a using directive or an assembly reference?)

This compiler error is because of a bug in MVC 3 Preview 1, which shows on any page where there are any directives AFTER the <% @Page %> directive. As a temporary work-around, you can move any other directives above the <% @Page %> directive, or convert the views to Razor (which doesn't have this bug), or wait for the new preview release of MVC.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi,

I am getting an error for a missing brace when I converted the following code to Razor view. However no brace is missing.

@foreach (HSDisplayBoard.Models.CreateScheduleModel r in Model.ScheduleList) {

@if (r.Status == 1){

}

@if (r.Status == 2){

}

........

}

Please let me know if this is the correct way for writing nested loops using Razor view. Or is something else to be done?

Any guidance would be greatly appreciated.

Tanay.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

@foreach (HSDisplayBoard.Models.CreateScheduleModel r in Model.ScheduleList) {

if (r.Status == 1){

<tr class ="preop" ></tr>

}

if (r.Status == 2){

<tr class ="preop" ></tr>

}

}

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi, removing the @ from the inner ifs worked fine.

I wanted to confirm if the following is proper:

1. @import Namespace = "N1" becomes @using N1.

2. @ResolveUrl(....) becomes @Url.Content(....).

3. @GetLocalResourceObject(....) becomes @Html.Resource(....).

Thanks for your help!

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s
1. @import Namespace = "N1" becomes @using N1.

This will work. For global namespace see CodeGeneratorSettings.AddGlobalImport

tanay_s
2. @ResolveUrl(....) becomes @Url.Content(....).

This will work also and ResolveUrl is not present in Razor View page,

You can also use VirtualPathUtility.ToAbsolute.

tanay_s
3. @GetLocalResourceObject(....) becomes @Html.Resource(....).

I don't see Html.Resource extension in MVC

Use @ViewContext.HttpContext.GetGlobalResourceObject("Account","USERNAME")

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi, I'm a bit confused about the GetGlobalResourceObject bit of it. For eg., how would the following look like?

1 @GetLocalResourceObject("displHeader").ToString()

2 @Html.Label(GetLocalResourceObject("_lczScheduleDate.Text").ToString())

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s

Hi, I'm a bit confused about the GetGlobalResourceObject bit of it. For eg., how would the following look like?

1 @GetLocalResourceObject("displHeader").ToString()

2 @Html.Label(GetLocalResourceObject("_lczScheduleDate.Text").ToString())

@ViewContext.HttpContext.GetGlobalResourceObject("Account","displHeader")

@Html.Label(ViewContext.HttpContext.GetLocalResourceObject("~/Views/Home/Index.cshtml","_lczScheduleDate").ToString())

Please note that you must have Index.cshtml.resx, inside /Views/Home/App_LocalResources folder,

For global resource you can also use

@YourNameSpace.Account.displHeader

You can check your namespace by openining Account1.Designer.cs file, Also replace internal to public in this file.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi, I would please like to know how the following Javascript code can be converted:

function DisplayInsideOT() {

var hndl = window.open('@Request.ApplicationPath.Length<=1 ? string.Empty : Request.ApplicationPath /DisplayBoard/DisplayInsideOT', "_self", "", true);

}

@if (Model.ScheduledDate == DateTime.MinValue)

{

$('#txtScheduledDate').val('@String.Format("{0:00}",DateTime.Now.Day) + "/" + String.Format("{0:00}",DateTime.Now.Month) + "/" + DateTime.Now.Year.ToString()');

}

else

{

$('#txtScheduledDate').val('@String.Format("{0:00}",Model.ScheduledDate.Day) + "/" + String.Format("{0:00}",Model.ScheduledDate.Month) + "/" + Model.ScheduledDate.Year.ToString()');

}

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi, I am unable to get the page when I click on link in first case.

Could it be due to an error in converting the following:

<tr>
            <td align="center">
                <img src='@Url.Content("~/Content/Images/blank.gif") ' align="middle" height="2px" />
            </td>
        </tr>
        <tr style="border-style: none">
            <td valign="top" style="border-style: none">
                <a href="#" onclick="javascript:DisplayInsideOT();" title="Open InsideOT Page">Inside OT Info. >></a>
            </td>
        </tr>

Also on another page I am getting errors for following code:

1. @Html.EnableClientValidation();
            <div>
                @Html.ValidationSummary()
            </div>
    @Html.BeginForm() <table> ..... </table>

2. <td>@Html.DropDownListFor(model => model.Status, new SelectList((IEnumerable)
                                                    (from HSDisplayBoard.Models.Utility.Status status in
                                                    Enum.GetValues(typeof(HSDisplayBoard.Models.Utility.Status)) where (Int32)status >= (Int32)Model.Status
                                                    select new { ID = (Int32)status, Name = status.ToString() }), "ID", "Name"))
                </td>

Please advise, Thanks.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s
<tr>
            <td align="center">
                <img src='@Url.Content("~/Content/Images/blank.gif") ' align="middle" height="2px" />
            </td>
        </tr>
        <tr style="border-style: none">
            <td valign="top" style="border-style: none">
                <a href="#" onclick="javascript:DisplayInsideOT();" title="Open InsideOT Page">Inside OT Info. >></a>
            </td>
        </tr>

I think you are missing this function

function DisplayInsideOT()
{
.....................
}

tanay_s
2. <td>@Html.DropDownListFor(model => model.Status, new SelectList((IEnumerable)
                                                    (from HSDisplayBoard.Models.Utility.Status status in
                                                    Enum.GetValues(typeof(HSDisplayBoard.Models.Utility.Status)) where (Int32)status >= (Int32)Model.Status
                                                    select new { ID = (Int32)status, Name = status.ToString() }), "ID", "Name"))
                </td>

@{
var a=from DisableClientSideValidation.Controllers.Status status in
Enum.GetValues(typeof(DisableClientSideValidation.Controllers.Status)) where (Int32)status >= (Int32)Model.Status
select new { ID = (Int32)status, Name = status.ToString() };
}
@Html.DropDownListFor(model => model.Status,new SelectList(a.ToList()) , "ID", "Name")

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

1. Hi, I am not missing the function. I am using the input which you provided as under:

function DisplayInsideOT() {

var hndl = window.open('@(Request.ApplicationPath.Length<=1 ? string.Empty : Request.ApplicationPath + "/DisplayBoard/DisplayInsideOT")', "_self", "", true);

}

2. Also I am unable to set client side validation when I do the following:

@Html.EnableClientValidation();
            <div>
                @Html.ValidationSummary()
            </div>
    @Html.BeginForm()
<table> ..... </table>

Please advise how this can be done.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s

function DisplayInsideOT() {

var hndl = window.open('@(Request.ApplicationPath.Length<=1 ? string.Empty : Request.ApplicationPath + "/DisplayBoard/DisplayInsideOT")', "_self", "", true);

}

I had checked this is working.

tanay_s
Also I am unable to set client side validation when I do the following:

@Html.EnableClientValidation();
            <div>
                @Html.ValidationSummary()
            </div>
    @Html.BeginForm()
<table> ..... </table>

Also need to add scripts files.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Is this the right way to add a script file?

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

tanay_s

Is this the right way to add a script file?

<script src="@Url.Content("~/Scripts/jquery.tablePagination.0.2.min.js")" type="text/javascript"></script>

Yes.

Re: Migrate an ASP.NET MVC 2 project to MVC 3 Razor view

Hi, at the end of the above file there is a line as:

(jquery);

This gives me a Microsoft Jscript runtime error saying that JQuery is not defined.

I have included the following files which were part of my MVC 2 project:

jquery-1.3.2-vsdoc.js, jquery-1.3.2.js, jquery-1.3.2-min.js

jquery-1.4.2-vsdoc.js, jquery-1.4.2.js, jquery-1.4.2-min.js

Please let me know what is causing the problem.