Question

使用客户端模板（如jQuery模板）时，将主键与表行关联的最佳方法是什么？

我应该做某种数据绑定吗？或者我应该在表格中嵌入和隐藏id：

<script id="contactsTemplate" type="text/x-jquery-tmpl">
  <table class="contacts">
    <thead><tr><td class="ui-helper-hidden">Id</td><td>Name</td><td>City</td><td>State</td></tr></thead>
    <tbody>
    {{each contact}}
        {{tmpl($value) '#contactTemplate'}}
    {{/each}}
    </tbody>
  </table>
</script>

<script id="contactTemplate" type="text/x-jquery-tmpl">
    <tr><td class="ui-helper-hidden">${id}</td><td>${name}</td><td>${city}</td><td>${state}</td></tr>
</script>

让用户可以访问我的ID是不是很糟糕，即使它们被隐藏了？我还有其他选择吗？

Answer 1

使用HTML5自定义数据属性，如此

<tr data-id="${id}">...</tr>

有关HTML5自定义数据属性的更多信息，请参阅

将主键与网格数据和jQuery模板一起使用

1 个答案: