带JavaScript的Razor html

如何更好地在内容[]之间编写html？我有一个很好的布局要进去，一定有更好的方法

<script type="text/javascript">

function OnClickAdd() {
    $("#panelbar").kendoPanelBar();
    var panelBar = $("#panelbar").data("kendoPanelBar");

    panelBar.append(
        {
            text: "New Person",
            encoded: false,
            content: [

                         '<div id="cont6_container" class="container">',
                                '<span class="label label-primary">Age</span>',
                                '<br /><br />',
                                  '<div class="btn-group" id=ageID>',
                                     '<button type="button" style="width:120px" class="btnMyAge3 btn-default" id="3">Under 10</button><button type="button" style="width:120px" class="btnMyAge3 btn-default" id="1">Under 50</button><button type="button" style="width:120px" class="btnMyAge3 btn-default" id="2">Over 50</button>',
                                     '@Html.TextBoxFor(m => m.ageID, new { @class = "input k-textbox", id = "MyAge3", Value = "", style = "width: 50px;" })',
                                 '</div>',
                          '</div>'
                    ]

        }
           )
}

函数OnClickAdd（）{
$（“#panelbar”）.kendoPanelBar（）；
var panelBar=$（“#panelBar”）.data（“kendoPanelBar”）；
panelBar.append(
{
文字：“新人”，
编码：假，
内容：[
'',
“年龄”，
“

”，
'',
“10岁以下50岁以上50岁以下”，
“@Html.TextBoxFor（m=>m.ageID，新的{@class=“input k-textbox”，id=“MyAge3”，Value=”“，style=“width:50px；”，
'',
''
]
}
)
}

MVC版本

移动

JavaScript版本

<div id="content-contairner" style="display:none;">
    <div id="cont6_container" class="container">,
            <span class="label label-primary">Age</span>,
            <br /><br />,
            <div class="btn-group" id=ageID>,
                <button type="button" style="width:120px" class="btnMyAge3 btn-default" id="3">Under 10</button><button type="button" style="width:120px" class="btnMyAge3 btn-default" id="1">Under 50</button><button type="button" style="width:120px" class="btnMyAge3 btn-default" id="2">Over 50</button>,
                @Html.TextBoxFor(m => m.ageID, new { @class = "input k-textbox", id = "MyAge3", Value = "", style = "width: 50px;" }),
            </div>,
    </div>
</div>
<script type="text/javascript">
function OnClickAdd() {
    $("#panelbar").kendoPanelBar();
    var panelBar = $("#panelbar").data("kendoPanelBar");
    var $element = $("#cont6_container").detach();
    panelBar.append(
        {
            text: "New Person",
            encoded: false,
            content: $element.get(0).outerHTML       
        }
     )
}
</script>

,
年龄，


，
,
10岁以下50岁以上，
@Html.TextBoxFor（m=>m.ageID，新的{@class=“input k-textbox”，id=“MyAge3”，Value=”，style=“width:50px；”），
,
函数OnClickAdd（）{
$（“#panelbar”）.kendoPanelBar（）；
var panelBar=$（“#panelBar”）.data（“kendoPanelBar”）；
var$element=$（“#cont6_容器”）.detach（）；
panelBar.append(
{
文字：“新人”，
编码：假，
内容：$element.get（0.outerHTML）
}
)
}

为什么不将它放在脚本标记之外，然后用jQuery获取它？您好，看看您的JavaScript示例，这是否正确？它只返回[object htmldevelment]@Andrew，如果有效，请不要忘记将答案标记为正确

content: [@Html.Partial("PartialView",Model)]

<div id="content-contairner" style="display:none;">
    <div id="cont6_container" class="container">,
            <span class="label label-primary">Age</span>,
            <br /><br />,
            <div class="btn-group" id=ageID>,
                <button type="button" style="width:120px" class="btnMyAge3 btn-default" id="3">Under 10</button><button type="button" style="width:120px" class="btnMyAge3 btn-default" id="1">Under 50</button><button type="button" style="width:120px" class="btnMyAge3 btn-default" id="2">Over 50</button>,
                @Html.TextBoxFor(m => m.ageID, new { @class = "input k-textbox", id = "MyAge3", Value = "", style = "width: 50px;" }),
            </div>,
    </div>
</div>
<script type="text/javascript">
function OnClickAdd() {
    $("#panelbar").kendoPanelBar();
    var panelBar = $("#panelbar").data("kendoPanelBar");
    var $element = $("#cont6_container").detach();
    panelBar.append(
        {
            text: "New Person",
            encoded: false,
            content: $element.get(0).outerHTML       
        }
     )
}
</script>