1

我有一个 Knockout js viewModel 并希望使用外部模板来获取 MVC 4 razor (cshtml) 绑定页面，因此可以在服务器上创建初始页面或通过 Knockout 绑定，我将在运行时决定。我想像这样将模板的名称传递给控制器​​（/Templates/KnockoutTemplate?templateName='gauge'），其中“gauge”是视图的名称（radial.tmpl.cshtml），并让 Knockout 将其放入模板块。

我的控制器：

public class TemplatesController : Controller
{
     public TemplatesViewModel viewModel { get; set; }
     public TemplatesController()
     {
        this.viewModel = new TemplatesViewModel { Heading = "Radial" };
     }

    public ActionResult KnockoutTemplate(string templateName)
    {
        // is this right?
        return  PartialView(templateName, this.viewModel);
    }
}

径向.cshtml

   @model MVC4.Models.TemplatesViewModel
    @{
        ViewBag.Title = "Radial Template";
    }
    <div id="radialDashboardWidget" class="dashboardWidget" style="width: 100%">
     <h4 class="bold">@Model.Heading </h4>
     <!-- or I can do this, I'll decide at development time  -->
     <h4 class="bold" data-bind="text:heading"></h4>
    </div>

主页

<div id="dashboardWidgets" data-bind="foreach: Widgets" class="flexible-widget">
 <!-- ko template: {name: Properties.templateName  } -->
 <!-- /ko -->
 <div class="clear" />
</div>
4

2 回答 2

2

我在这里回答了这个问题：http: //geekswithblogs.net/Aligned/archive/2012/08/17/knockout-js-and-external-mvc-cshtml-templates.aspx

我的控制器：

public class TemplatesController : Controller
{
    public TemplatesViewModel viewModel { get; set; }

    public ActionResult KnockoutTemplate(string templateName)
    {
        return  PartialView(templateName.Replace("/", string.Empty), this.viewModel);
    }
}

径向.cshtml

@model MVC4.Models.TemplatesViewModel
@{
    ViewBag.Title = "Radial Template";
}

<div id="radialDashboardWidget" class="dashboardWidget" style="width: 100%">
    <h4 class="bold" data-bind="text:@Model.Heading"></h4>
    <!-- add more HTML -->
</div>

带有 Knockout 的仪表板页面

<div id="dashboardWidgets" data-bind="foreach: Widgets" class="flexible-widget">
    <!-- ko template: {name: Properties.templateName  } -->
    <!-- /ko -->
    <div class="clear" />
</div>
于 2012-11-14T22:11:18.150 回答
0

不确定你想达到什么目标。在您的 cshtml 中，您“绑定”了服务器端模型对象，而不是客户端 JavaScript 对象的可观察属性。你没有在那里使用 Knockout。请发布获取小部件对象的 Javascript，以便我们为您提供帮助。

于 2012-08-17T07:05:13.293 回答