javascript - 如何处理 JavaScript 文件中的本地化？

Question

我希望 JavaScript 代码与 View 分开。
我需要为由 JavaScript 生成的简单图像按钮实现本地化:

<img src="..." onclick="..." title="Close" />

本地化标题的最佳技术是什么？

PS:我找到了a solution阿延德。这是正确的方向。

编辑:
我得到了本地化助手类，它提供了 Controller.Resource('foo') 扩展方法。

我正在考虑扩展它(助手)，以便它可以按名称返回指定 Controller 的所有 JavaScript 资源(来自 App_LocalResources 中的“ClientSideResources”子文件夹)。然后 - 在 BaseController 中调用它，将它添加到 ViewData 并在 Layout 中呈现它。

这是个好主意吗？

Answer 1

编辑

考虑将必要的本地化资源写入 JavaScript 对象(哈希)，然后使用它来查找动态创建的对象。我认为这比返回服务器进行翻译要好。这类似于通过 View 数据添加它，但可能更灵活一些。 FWIW，我可以将本地化资源视为 View 的一部分，而不是 Controller 的一部分。

在 View 中:

<script type="text/javascript"
         src='<%= Url.Content( "~/Resources/Load?translate=Close,Open" %>'></script>

这会输出如下内容:

var local = {};
local.Close = "Close";
local.Open = "Open";

如果没有参数，它将输出整个翻译散列。使用参数使您能够根据 View 对其进行自定义。

然后您可以在 JavaScript 文件中使用它，例如:

 $(function(){
     $('#button').click( function() {
        $("<img src=... title='" + local.Close + "' />")
           .appendTo("#someDiv")
           .click( function() { ... } );
     });
 });

实际上，只要 JavaScript 代码在容器中本地化，我就不会太在意将 JavaScript 代码置于 View 之外。通常我会将我的母版页设置为包含 4 个内容区域:标题、页眉、主要内容和脚本。标题、页眉和主体位于您期望的位置，脚本区域位于正文底部。

我将我所有的 JavaScript 包含(包括任何用于 viewusercontrols 的内容)放入脚本容器中。 View 特定的 JavaScript 代码位于包含之后。我根据需要将共享代码重构回脚本。我考虑过使用 Controller 方法来整理脚本包含，即使用单个请求包含多个脚本，但还没有考虑到这一点。

这样做的好处是可以将 JavaScript 代码分开以提高可读性，但也允许我根据需要轻松地将模型或 View 数据注入(inject) JavaScript 代码。