jQuery-JTable:添加行的单击事件吗? [英] jQuery-JTable: add on click event for row?
本文介绍了jQuery-JTable:添加行的单击事件吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我必须遵循以下代码来显示我的用户表,这是通过JTable实现的.
I have to following code to show my user table, this is achieved by JTable.
<script type="text/javascript">
$(document).ready(function() {
$('#userTableContainer').jtable({
title: 'Users',
selecting: false,
paging: true,
pageSize: 15,
sorting: true,
addRecordButton: false,
saveUserPreferences: false,
create: false,
edit: false,
actions: {
listAction: 'user/getUsers.htm',
},
fields: {
username: {
title: 'username'
},
firstname: {
title: 'firstname'
},
lastname: {
title: 'lastname'
},
company: {
title: 'company'
}
}
});
$('#userTableContainer').jtable('load');
});
</script>
<div id="content">
<h1>Users</h1>
<br />
<div id="userTableContainer">
</div>
</div>
是否可以为每行添加一个自定义操作事件? 这样我就可以向控制器提交"user/showUser.htm"之类的请求.
Is it possible to add a custom action event for every row? So that i could submit a request like "user/showUser.htm" to my controller.
推荐答案
这应该可以帮助您:
$('#userTableContainer').jtable({
....
recordsLoaded: function(event, data) {
$('.jtable-data-row').click(function() {
var row_id = $(this).attr('data-record-key');
alert('clicked row with id '+row_id);
});
}
});
这篇关于jQuery-JTable:添加行的单击事件吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文