グリッドデータとjQueryテンプレートを備えたプライマリキーを使用します
-
09-10-2019 - |
質問
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をユーザーがアクセスできるのは悪いことではありませんか?他にどんなオプションがありますか?
解決
そのようなHTML5カスタムデータ属性を使用してください
<tr data-id="${id}">...</tr>
HTML5カスタムデータ属性の詳細については、参照してください
- HTML5カスタムデータ属性はIE 6で「動作」しますか?
- http://dev.w3.org/html5/spec/overview.html#embeding-custom-non-visible-data-with-the-data-tributes
- http://ejohn.org/blog/html-5-data-attributes/
- http://html5doctor.com/html5-custom-data-attributes/
- http://www.marcofolio.net/webdesign/html5_data-_attributes_are_great_and_you_know_it.html
所属していません StackOverflow