0

content: [ ] の間に 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>'
                    ]

        }
           )
}

4

1 に答える 1

0

MVC バージョン

動く

<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>

部分的なビューにそれをPartialViewと呼び、それをあなたのビューに追加しましょう

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

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>
于 2015-06-28T00:03:22.120 に答える