我希望 JavaScript 代码与 View 分开。
我需要为由 JavaScript 生成的简单图像按钮实现本地化:
<img src="..." onclick="..." title="Close" />
本地化标题的最佳技术是什么?
PS:我找到了a solution阿延德。这是正确的方向。
编辑:
我得到了本地化助手类,它提供了 Controller.Resource('foo')
扩展方法。
我正在考虑扩展它(助手),以便它可以按名称返回指定 Controller 的所有 JavaScript 资源(来自 App_LocalResources
中的“ClientSideResources”子文件夹)。然后 - 在 BaseController
中调用它,将它添加到 ViewData
并在 Layout
中呈现它。
这是个好主意吗?
最佳答案
编辑
考虑将必要的本地化资源写入 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 代码。
关于javascript - 如何处理 JavaScript 文件中的本地化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1086801/