我有一个存储在数据库中的文档,其中保存了员工一周的日程安排,如下所示:
[ { _id: 55c407dc8ce6dfd4103c15db,
'Last, First':
{ 'Mon 7/27': '10:15a-8:00p',
'Wed 7/29': '10:15a-8:00p',
'Fri 7/31': '10:30a-8:00p' },
'Doe, John':
{ 'Tue 7/28': '2:00p-11:30p',
'Thu 7/30': '8:00a-5:30p',
'Sat 8/1': '10:15a-8:00p' }]
然后在我的主页上加载:
$(document).ready(function() {
populateTable();
...}
function populateTable() {
$.getJSON('/download/download', function(data) {
???
}
get-Json工作得很好,并且可以完美地获取文档。但是,我不确定将信息解析为html表的最佳方式。理想情况下,我希望桌子看起来像这样:
Mon 7/27 Tue 7/28 Wed 7/29 Thu 7/30 Fri 7/31 Sat 8/1 Sun 8/2
Last, First 10:15a-8:00p 10:15a-8:00p
Doe, John 2:00p-11:30p 8:00a-5:30p 10:15a-8:00p
我想知道在populateTable()函数中最好的方法是什么。我正在使用玉的看法,并有这样的桌子设置,但不知道什么是最好的方式附加到它。
div.container
div.content
#mainTable
table.table.table-striped
thead
tr
div.footer
谢谢!
最佳答案
对于populateTable()
的实现,我将执行以下操作:
看看我需要哪些专栏。可能是在data
中遍历每个员工,列出他们工作的所有日期。
通过从空的td
开始创建标题行,然后为任何人正在工作的每个日期创建th
(在步骤1中创建)
为每个员工创建一行,并检查他们在JSON中的对象是否具有当天的值。如果是,则输出atd
及其时间,否则输出空的td
。
这是我设计populateTable()