富AJAX用户界面中的数据表示
问题描述:
我最近开始涉足AJAXy用户界面,并且很快遇到了问题。假设你有一个包含一组行的表,并且你想在服务器上镜像客户端操作。因此,例如在服务器端,你可以做到这一点。富AJAX用户界面中的数据表示
print('<table>')
for(item in data)
print('<tr>')
print('<td>')
print(item)
print('</td>')
print('<td>')
print('<a href="delete?item=' + item + '">Delete</a>')
print('</td>')
print('</tr>')
print('</table>')
在javascript中,可以通过建立表的时候,也许javascript:deleteItem(item)
建立一个类似的链路来实现。但是,如果你只是明确地标记一行包含其项目名称的元数据并从链接的上下文中点击找出该项目呢? JQuery metadata允许这种功能,但当然这不是实现它的唯一/最佳方式?
答
前面已经说了,你可以使用HTML5自定义数据属性,你可以这样做:
<div class="deleteButton" data-id="SOME_UNIQUE_IDENTIFIER">DELETE</div>
,然后使用一个通用功能,如未来一到管理上的删除按钮点击:
$('.deleteButton').click(function() {
// through $(this).attr('data-id') you can
// get that unique identifier you previously set
// and do something with it
}