首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用angular-datatables编辑<td>的内容?

如何使用angular-datatables编辑<td>的内容?
EN

Stack Overflow用户
提问于 2015-11-25 22:07:19
回答 1查看 1.1K关注 0票数 0

项目中的表现在是这样实现的:

代码语言:javascript
复制
<table datatable="" dt-options="vm.dtOptions" dt-columns="vm.dtColumns" class="table table-custom"></table>

与此表相关的代码:

代码语言:javascript
复制
vm.dtColumns = [
        DTColumnBuilder.newColumn('id', 'Login ID'),
        DTColumnBuilder.newColumn('username', 'User Name'),
        DTColumnBuilder.newColumn('email', 'Email'),
        DTColumnBuilder.newColumn('usergrouproles', 'User Group Role'),
        DTColumnBuilder.newColumn(null).withOption('defaultContent', '<button>button1</button><button>button2</button>').notSortable(),
        DTColumnBuilder.newColumn(null).withOption('defaultContent', '<button>button3</button><button>button4</button><button>button5</button>').notSortable()
    ];

    vm.dtOptions = DTOptionsBuilder
        .newOptions()
        .withBootstrap()
        .withFnServerData(serverData)
        .withDataProp('data')
        .withOption('processing', true)
        .withOption('serverSide', true)
        .withOption('paging', true)
        .withOption('rowCallback', function(row, data, index){
            console.log("test rowCallback");
        })

    function serverData(sSource, aoData, fnCallback, oSettings) {
        var draw = aoData[0].value;
        var _order = aoData[2].value[0].dir.toUpperCase();
        var _start = aoData[3].value;
        var _end = _start + aoData[4].value;
        var _sort = aoData[1].value[aoData[2].value[0].column].data;

        UserSvc.getUsersPaginated(_start, _end, _order, _sort).then(function(result){

            var records = {
                'draw': draw,
                'recordsTotal': result.length,
                'recordsFiltered': result.totalCount,
                'data': result
            };
            fnCallback(records);
        });
    }

现在,除了User Group Role列数据是以对象的形式存在之外,看起来还不错,这就是为什么我需要使用ng-repeat在那里展开它。我知道我将最终申请initComplete回调,但我不知道如何执行扩展本身。我的意思是,我想在每个单元格中操作,但我只能访问整个行。我在vm.dtColumns中尝试了一个renderWith()函数,但它根本不起作用。你能告诉我正确的方向吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-28 02:20:14

我终于找到了。它是由.withOption('createdCell', withCreatedActionsCell)这样的createdCell选项管理的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33918612

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档