带剃刀的MVC3 - 避免局部视图上的多个javascript函数定义

Question

我们需要创建同一类型的多个局部视图，但是这个局部视图具有javascript函数。我如何避免在每个局部视图上定义此功能？我们不想在其他地方定义这个功能。

Answer 1

移动function的定义出来的部分，并进入一个global\external JavaScript文件：

外部JS

function foo() {   
    /* ... code ... */ 
} 

偏

foo(); 

或（取决于如何定义你可能想要的crea碲foo一个实例）：

var bar = new foo(); 

Answer 2

我会强烈建议改变的解决办法，允许一个外部的JavaScript referece。如果这不能完成，那么以下可能会起作用。首先，我会认为你正在做的事情，如：

/Views/Shared/MyModelPartial1.cs/

@model MyModel 

<script type="text/javascript"> 
    var a = "@Model.SomeStringProperty"; 
    var b = @Model.SomeNumberProperty; 
</script> 

<span>Some Html!</span> 

/Views/Shared/MyModelPartial2.cs/

@model MyModel 

<script type="text/javascript"> 
    var a = "@Model.SomeStringProperty"; 
    var b = @Model.SomeNumberProperty; 
</script> 

<div>Different Html Than 1</div> 

如果您试图在两个Partial之间共享此Javascript，请创建另一个可能如下所示的局部视图：

个

/Views/Shared/MyModelJavascript.cs/

@model MyModel 

<script type="text/javascript"> 
    var a = "@Model.SomeStringProperty"; 
    var b = @Model.SomeNumberProperty; 
</script> 

/Views/Shared/MyModelPartial1.cs/

@model MyModel 

@Html.Partial("MyModelJavascript", Model) 

<span>Some Html!</span> 

/Views/Shared/MyModelPartial2.cs/

@model MyModel 

@Html.Partial("MyModelJavascript", Model) 

<div>Different Html Than 1</div>