确定我单击了哪个表条目

时间:2013-04-20 11:35:02

标签: javascript css twitter-bootstrap pug

我正在尝试创建一个动态表,该表应该在其中一个列中输入一个启动引导模式的按钮。我不知道如何检查点击了哪个按钮以及如何填写表格。对不起,我对标记没有太多经验。以下是我到目前为止的情况:

div.span12
table.table.table-hover
    thead
        tr
            th Patient Name
            th Phone Number
            th History
    tbody
        each pat in patients
            tr
                td #{pat.name}
                td #{pat.phone}
                if (0<pat.history.length)
                    td #{pat.history[0]}
                else
                    td No history

a.btn(data-toggle="modal", href="#myModal") Launch
div.modal.hide(id="myModal")
    .modal-header
        button(type="button", class="close", data-dismiss="modal") x
        h3 Modal Header
    .modal-body
        p One fine body...
    .modal-footer

所以我想用td #{pat.history[0]}替换一些东西(唯一ID?),如果我单击,我可以弹出模态并显示相关的patient数据。我该怎么做?

1 个答案:

答案 0 :(得分:0)

我找到了一个解决方案,但在我看来有点难看。如果有另一个更干净的,请告诉我:

            each pat,key in patients
            tr
                td #{pat.name}
                td #{pat.phone}
                if (0<pat.history.length)
                    td 
                        span(onclick='console.log(#{key})') #{pat.history[0]}
                else
                    td No history

像这样,我可以将我的患者阵列中的元素与点击的行相关联,然后我可以弹出具有所需内容的模态,但是可以像这样使用吗?