Jquery ui jQuery JTable:为行添加单击事件?
我必须使用下面的代码来显示我的用户表,这是由JTable实现的Jquery ui jQuery JTable:为行添加单击事件?,jquery-ui,jquery,spring-mvc,jquery-jtable,Jquery Ui,Jquery,Spring Mvc,Jquery Jtable,我必须使用下面的代码来显示我的用户表,这是由JTable实现的 <script type="text/javascript"> $(document).ready(function() { $('#userTableContainer').jtable({ title: 'Users', selecting: false, paging: true,
<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>
$(文档).ready(函数(){
$('#userTableContainer').jtable({
标题:“用户”,
选择:false,
是的,
页面大小:15,
排序:对,
addRecordButton:false,
saveUserPreferences:false,
创建:false,
编辑:false,
行动:{
listAction:'user/getUsers.htm',
},
字段:{
用户名:{
标题:“用户名”
},
名字:{
标题:“名字”
},
姓氏:{
标题:“姓氏”
},
公司:{
标题:“公司”
}
}
});
$('#userTableContainer').jtable('load');
});
使用者
是否可以为每行添加自定义操作事件?
这样我就可以向我的控制器提交像“user/showUser.htm”这样的请求。这应该可以让您上路了:
$('#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);
});
}
});
你是说在一行中添加一个按钮还是什么?然后打开一个弹出窗口,单击该行的一个操作,将打开用户详细信息或类似的内容。它甚至不必是一个弹出窗口,也可以是一个新页面,这并不重要。您可以告诉我如何访问特定行中单元格的所有值。像上面的代码一样,只提供列的值,列是键。@user1334573我已经很久没有使用jtable了。尝试调用
recordsLoaded
函数中的console.log(data)
,看看可以使用哪些数据。我有一种预感,所有记录都将在数据
对象中可用。此外,函数getRowByKey()
可能会派上用场。。[Object{product_name=“we”,company=“tyr”,quantity=“50”,more…},Object{product_name=“trf”,company=“yu”,quantity=“50”,more…}消息是数据不是defined@user1334573我认为应该是data.company
。或者等等,它看起来像一个数组。试试data[0].company
,这将返回第一行中的公司。如果需要,可以使用简单的for循环遍历所有行。