如何使用Embers Js调用MVC Partial View

时间:2014-11-17 11:45:54

标签: javascript asp.net-mvc asp.net-mvc-4 ember.js handlebars.js

我是MVC开发余烬的新手。

如何从.cshtml页面调用partialview。

使用余烬Js。

的Parial View
<script type="text/x-handlebars" id="index">

        {{#each item in limitedContent }}
        <div>
            <div style="width:800px;margin:0 auto">
                <div style="float:left">
                    <div style="width: 600px;font-weight:bold;color:Red;margin-top:20px;text-decoration:none">{{#link-to '' }}{{item.FirstName}}{{/link-to}}</div>
                    <div><p style="width: 600px;margin-top:10px;overflow: hidden;   text-overflow: ellipsis; display: -webkit-box; line-height: 30px; max-height: 90px; ">{{item.LastName}}</div>
                </div>

                <div style="float:right"><img {{bind-attr src=item.Image}} alt="Smiley face" height="100" width="80" style="margin-top:20px;margin-bottom:10px" /></div>
            </div>
            <div>{{outlet}}</div>
        </div>
        {{/each}}

        **<div> @Html.Partial("~/Views/Home/Partial1.cshtml")</div>**

    </script>


    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/handlebars-v1.3.0.js"></script>
    <script src="~/Scripts/ember-1.8.1.js"></script>
    <script src="~/js/app.js"></script> 

PartialView

    <script type="text/x-handlebars">    
        <div class="container">
        Text Here
        </div>    
    </script>   

    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/handlebars-v1.3.0.js"></script>
    <script src="~/Scripts/ember-1.8.1.js"></script>
    <script src="~/js/app.js"></script>   

请为我解决这个问题。

0 个答案:

没有答案