Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jQuery JTable:为行添加单击事件?_Jquery Ui_Jquery_Spring Mvc_Jquery Jtable - Fatal编程技术网

Jquery ui jQuery 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,

我必须使用下面的代码来显示我的用户表,这是由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>

$(文档).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循环遍历所有行。