@foreach( var displayLink in Model ) {
 <h1>displayLink.Text</h1>
}

我没有选择摘录,只是分享了整个文件.

这一切都运行,没有例外等.视图呈现静态内容但不呈现循环的内容.我打开evalTemplate = true,但仍然没有骰子.我一直无法找到任何方法来做这件事,这让我疯狂.我能找到的就是连接Kendo UI ListView等的方法.我不想要那个重量,我只想直接遍历数组.

Index.htm(查看)：

<div>
    <div>
        <h1>Web</h1>
        <p>The future is <i>Now</i>.
        </p>
    </div>
</div>


# for(var i = 0; i < DashboardLinks.length; i++) { #
    <h1>#= DashboardLinks[i].TitleText #</h1>
# } #

控制器：

define(
    // == INTERFACE NAME ==
    "Controllers.IHome",// == DEPENDENCIES ==
    [
        "Util.IGetViewSource","Util.ILayout","viewmodels.Home.IHomeVM"
    ],function ( /* Dependency injections: */ getViewSource,layout,iHomeVM)
    {

        // Define the module.
        var module =
           {
               index: function () {

                   getViewSource("~/App/Views/Home/Index.htm",function (viewSource) {
                       // get the model
                       var viewmodel = new iHomeVM();
                       viewmodel.AddDashboardLink("#timecard","Time Cards","Manage time cards and get it done.","time");

                       // render the view
                       var view = new kendo.View(viewSource,{ model: viewmodel,evalTemplate: true });

                       // render the view
                       layout.renderBodyView(view);
                   });
               }
           };

        // Return the module.
        return module;
    }
);

HomeVM：

define(
    // == INTERFACE NAME ==
    "viewmodels.Home.IHomeVM",// == DEPENDENCIES ==
    [
        "viewmodels.Shared.ILinkVM"
    ],function(
        // == DEPENDENCY INJECTIONS ==
        iLinkVM
    ) {
        // == CONSTRUCTOR ==
        function HomeVM() {
            console.log("HomeVM constructor executing.");


            // == PROPERTIES & METHODS ==
            this.DashboardLinks = [];


            // Return a copy of this wrapped in Kendo's observable.
            return kendo.observable(this);
        }

        HomeVM.prototype.AddDashboardLink = function(
            href,titleText,descriptionText,iconName) {
            this.DashboardLinks.push(new iLinkVM(
                href,iconName
            ));
        } 

        // Return the view model module.
        return HomeVM;
    }
);

LinkVM：

define(
    // == INTERFACE NAME ==
    "viewmodels.Shared.ILinkVM",// == DEPENDENCIES ==
    [

    ],function (
        // == DEPENDENCY INJECTIONS ==

    )
    {
        // == CONSTRUCTOR ==
        function LinkVM(href,iconName) {
            console.log("LinkVM constructor executing.");


            // == PROPERTIES & METHODS ==
            this.Href = href;
            this.TitleText = titleText;
            this.DescriptionText = descriptionText;
            this.IconName = iconName;


            // Return a copy of this wrapped in Kendo's observable.
            return kendo.observable(this);
        }


        // Return the view model module.
        return LinkVM;
    }
);

// create the view
  var view = new kendo.View(viewSource,evalTemplate: true });

然后您可以使用MVVM声明性绑定以及Kendo模板绑定,例如for循环.

确保你正确地逃离了所有的哈希值(‘#’),否则模板会爆炸.

<script type="text/javascript">
var page = new Page({ currentUser: "<%= Model.UserName %>" });
page.init();
</script>

我会期待像：

<script type="text/javascript">
var page = new Page({ currentUser: "<%= Html.JavaScriptEscape(Model.UserName) %>" });
page.init();
</script>

当然，我可以自己写这个功能。但是由于已经有HTML编码的内置实用程序，因为ASP.NET MVC的一个卖点是<％％>是默认渲染模式，因为我想要实现的是很常见的，它让我想知道为什么我找不到已经内置的东西。例如，在视图中是否有一种简单而优雅的方式将对象序列化为JSON？

还是在做ASP.NET MVC原理的事情？当我遇到这样的问题时，通常会认为我做错了，因为我假设框架设计师花了一些时间思考现实世界的场景。

不过，使用JSON反序列化通常更简单。

我有一些页面特定的脚本，希望放在特定的视图页面上。但ASP.NET MVC4捆绑和缩小仅适用于脚本文件，而不适用于视图页面中的脚本代码。

UPDATE

我接受了Sohnee的建议，将脚本解压缩到文件中。但我需要在特定的页面上使用它们，所以我最终做的是：

在布局页面上，我为页面特定的javascript块创建了一个可选部分：

@RenderSection("js",required: false)
</body>

然后在视图页面中，让我们说Index.cshtml，我渲染脚本部分如下：

@section js{    
    @Scripts.Render("~/bundles/js/" + Path.GetFileNameWithoutExtension(this.VirtualPath))
}

如您所见，它假设javascript文件名(index.js)与视图页面名称(index.cshtml)相同。然后在捆绑配置中，我有：

var jsFiles = Directory.GetFiles(HttpContext.Current.Server.MapPath("Scripts/Pages"),"*.js");
foreach (var jsFile in jsFiles)
{
    var bundleName = Path.GetFileNameWithoutExtension(jsFile);
    bundles.Add(new ScriptBundle("~/bundles/js/" + bundleName).Include(
    "~/Scripts/pages/" + Path.GetFileName(jsFile)));
}

那么，如果你在索引页面上，HTML输出将是：

<script src="/bundles/js/Index?v=ydlmxiUb9gTRm508o0SaIcc8LJwGpVk-V9iUQwxZGCg1"></script>
</body>

如果您在产品页面上，HTML输出将是：

<script src="/bundles/js/Products?v=ydlmxiUb9gTRm508o0SaIcc8LJwGpVk-V9iUQwxZGCg1"></script>
</body>

如果你想将其内联缩小，那么只需将脚本移到页外即可。

我有一个实例,我在局部视图中渲染一个devexpress网格.

@Html.Partial("MyGridPartial",Model)

我需要在通过此局部视图渲染填充模型时启动javascript函数.我试图通过这个做到这一点. ：

settings.ClientSideEvents.EndCallback

我可以达到这一点,但当时我没有填充模型本身,所以没有好处.我想知道是否有人知道踢到/附加到局部视图渲染的通用方法,以便跳转到一些客户端javascript代码.

原因是在甚至呈现父视图之前将Partial转换为字符串.此时,浏览器没有看到任何标记,也没有读取过jscript.

另一方面,如果在JQuery Ready函数中渲染了partial：

$(document).ready(function(){

我认为你需要使用Action Partial(由Action方法调用的Partial).可以通过引用url(restfully)在JQuery Ready函数中调用Action Partials：

$('#divMyGridPartial').load('/Grids/MyGridPartial/{id}');

并且可以在ready系列中调用任何后续jscript / jquery函数.

动作部分的另一个优点是,模型在动作方法中形成,并且可以根据您的需要在上下文中创建(理想情况下是通过身份转移).