JSONデータで定義した列の表にデータ行を追加する

4821 ワード

実は追加方式はMVCでJSONデータを動的に読み込みテーブルを作成すると同じで、ただ1つは完全な表の追加で、1つは表の中間から追加します.詳しく説明しない.
<div>

    <table class="table">

        <tr>

            <td class="col-md-1">

                @Html.DisplayNameFor( model => model.UserID )

            </td>

            <td class="col-md-2">

                @Html.DisplayNameFor( model => model.UserName )

            </td>

            <td class="col-md-2">

                @Html.DisplayNameFor( model => model.DisplayName )

            </td>

            <td class="col-md-3">

                @Html.DisplayNameFor( model => model.Email )

            </td>

            <td class="col-md-1">

                @Html.DisplayNameFor( model => model.Longger_RoleRoleID )

            </td>

        </tr>

        <tbody id="userTable">



        </tbody>

    </table>

</div>



<script type="text/javascript">

    $.getJSON("@Url.Action("GetAllUsers","User")", function (json) {

        var htmls = ['<hr />']

        for (var i = 0; i < json.length; i++) {

            htmls.push('<tr>');

            for (var k in json[i]) htmls.push('<td>' + json[i][k] + '</td>');

            htmls.push('</tr>');

        }

        $('#userTable').html(htmls.join(''));

    });

</script>