在javascript中本地化字符串的最简单方法

Question

in my mvc4 application I have inside layout view javascript function which has only 3 strings which are rendered inside users view.

My mvc4 app is localized on 4 languages using cookie value and based on that value current thread is set.

What is the easiest solution to localize those 3 strings.

<script type="text/javascript">
   var message = "Please enter value in valid range in order to ...";
   ....
</script>

Answer 1

The easiest sting to do would be to "set" the localized strings in your controller, in a variable, then build a JavaScript variable to use, from that:

<script type="text/javascript">
    userName = "@Model.UserName";
    someSetting = parseInt("@Model.someSetting");
    messages = { // Or even an object
        InvalidRights: "@Html.Raw(ValidationMessages.UserHasInvalidRights)",
        FileRequired: "@Html.Raw(ValidationMessages.FileIsRequired)"
    };
</script>

Answer 2

You can also make use of standard resource files within your model and property annotations to help a bit.

public class MyModel:BaseModel
{
    [Required(ErrorMessage = "*")]
    [Display(ResourceType = typeof(RES.labels),Name = "lblLanguageCode")]
    public string LanguageCode { get; set; }

    [Required(ErrorMessage = "*")]
    [Display(ResourceType = typeof(RES.labels), Name = "lblCountryCode")]
    public string CountryCode{ get; set; }
...
}

You can return anything in the model I just showed a way to nicely wire up the translations in the model.

<script type="text/javascript">
    test= '@Model.SomeErrorString';
</script>

Answer 3

You could use the 'Global Resources' functionality.

Using this, you can create a set of 'translation' files (known as Resource files) which contain all the various translations you would need for your web application.

The following article gives you an example of doing this: http://www.developmentalmadness.com/archive/2009/05/20/aspnet-mvc-globalizationlocalization.aspx

That article uses the older Web Form View Engine, but it would work within the Razor View Engine too (@ symbol instead of the <%= %>).

Let's say you added a Resource file called 'MyTranslations', and then added your translations to this file, your html would now look something like the following:

<script type="text/javascript">
  messages = {
      AccessDenied: "@Html.Raw(Resources.MyTranslations.AccessIsDenied)",
      FieldRequired: "@Html.Raw(Resources.MyTranslations.FieldRequired)"
  };
</script>