Angular 6中datatables.net编辑器的用法

时间:2019-02-12 20:46:13

标签: angular typescript datatables angular-datatables inline-editing

我在项目中使用Angular DataTables lib。它允许在有角度的应用程序中使用datatables.net插件。

在角度组件中是否可以使用datatables.net编辑器?我的表有2个可编辑的布尔列,我找不到在组件中注入编辑器的方法,因此此代码可以正常工作:

dtEditor :any={};
ngOnInit(): void {
//....
this.dtEditor = $.fn.dataTable.Editor( {
//Editor config
 });
}

如果无法使用编辑器,是否还有其他解决方法可以内联编辑我的数据?这是我的可编辑字段及其渲染功能的代码段:

//.... 
{
        title: 'No deposit',
        data: 'IsNoDeposit',
        render: this.renderCheckBoxData,
        className: "dt-body-center"
      }, {
        title: 'Is excluded',
        data: 'IsExcluded',
        render: this.renderCheckBoxData,
        className: "dt-body-center"
      }
//....
  private renderCheckBoxData ( data, type, row,meta ) {
    debugger;
    if ( type === 'display' ) {
      var chebx = '<input type="checkbox" class="editor-active"'+ (data?' checked ':'')+'>';

      return chebx;
    }
    return data;
  }

0 个答案:

没有答案