php – 在jTable Jquery中添加静态列

发布时间：2020-12-13 21:46:23 所属栏目：PHP教程来源：网络整理

导读：我想在我的jTable CRUD Jquery中为每一行添加一个带有somelink的静态列. 我正在使用他们提供的代码,例如来自jTable网站这是代码： script type="text/javascript" $(document).ready(function () { //Prepare jTable $('#PeopleTableContainer').jtable({ t

我想在我的jTable CRUD Jquery中为每一行添加一个带有somelink的静态列.
我正在使用他们提供的代码,例如来自jTable网站

这是代码：

<script type="text/javascript">

    $(document).ready(function () {

        //Prepare jTable
        $('#PeopleTableContainer').jtable({
            title: 'Table of people',paging: true,pageSize: 5,sorting: true,defaultSorting: 'Name ASC',actions: {
                listAction: 'PersonActionsPagedSorted.php?action=list',createAction: 'PersonActionsPagedSorted.php?action=create',updateAction: 'PersonActionsPagedSorted.php?action=update',deleteAction: 'PersonActionsPagedSorted.php?action=delete'
            },fields: {
                PersonId: {
                    key: true,create: false,edit: false,list: false
                },Name: {
                    title: 'Author Name',width: '40%'
                },Age: {
                    title: 'Age',width: '20%'
                },Watch: {
                    title: 'Watch',width: '20%',display: function (data) {
                    return '';
                },RecordDate: {
                    title: 'Record date',width: '30%',type: 'date',edit: false
                }
            }
        });

        //Load person list from server
        $('#PeopleTableContainer').jtable('load');

    });

</script>

关注显示屏中的Watch字段：我想为每一行生成一些带有每行id的href.
我怎么能拿出每一行的id？

解决方法

这很容易.请参见display( http://jtable.org/ApiReference#fopt-display)选项.您可以定义这样一个字段：

TestColumn: {
    title: 'Test',display: function (data) {
        var $link = $('<a href="...">a link</a>');
        $link.click(function(){ /* do something on click */ });
        return $link;
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!