Utilizzando le chiavi primarie con i dati della rete e modelli jQuery

Question

Qual è il modo migliore per associare una chiave primaria con una riga di tabella quando si utilizzano modelli lato client, come jQuery Templates?

devo fare qualche tipo di associazione dati o qualcosa del genere? O devo incorporare e nascondere l'ID nella tabella come questa:

<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>

Non è un male per avere il mio Ids accessibile all'utente, anche se sono nascosti? Quali altre opzioni ho?

Answer 1

Usa un attributo di dati HTML5 personalizzato, in questo modo

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

Per ulteriori informazioni su HTML5 attributi di dati personalizzati, vedere

• Do HTML5 dati attributi personalizzati “lavoro” in IE 6 ?
• http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data-with-the-data-attributes
• http://ejohn.org/blog/html-5-data- attributi /
• http://html5doctor.com/html5-custom-data-attributes/
• http://www.marcofolio.net/webdesign/html5_data-_attributes_are_great_and_you_know_it.html