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>