帶剃刀的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>