как сделать автозаполнение при создании и редактировании с помощью смарт-таблицы ng-2 - PullRequest
Новая
       29

как сделать автозаполнение при создании и редактировании с помощью смарт-таблицы ng-2

0 голосов
/ 14 сентября 2018

Итак, я связываю данные из массива, т.е. nameAutocompletee, но я хочу свяжите это с Api, где источник данных таблицы является связыванием. Автозаполнение отлично работает с жестко закодированным массивом, но в режиме редактирования оно не сохраняет свое действительное значение.

  1. Это мой HTML 

      <ng2-smart-table [settings]="settings" [source]="source" 
    (editConfirm)="onSaveConfirm($event)" 
      (createConfirm)="onCreateConfirm($event)"
      (deleteConfirm)="onDeleteConfirm($event)">
    </ng2-smart-table>

  2. это мой файл component.ts 

        source: LocalDataSource;
    nameAutocompletee =[
     {    
      id: 1,   
      name: 'Warehouse 1',         
    },
    {  
      id: 1,     
      name: 'Warehouse 2',     
    },
    {  
      id: 1,     
      name: 'Warehouse 23',     
    },
    { 
      id: 1,      
      name: 'Warehouse 12',     
    },
    {    
      id: 1,   
      name: 'Warehouse 5',     
    },
  ];  
settings = {
    add: {
      addButtonContent: '<span class="">Add</span>',
      createButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
      confirmCreate: true,
    },
    edit: {
      editButtonContent: '<i class="nb-edit"></i>',
      saveButtonContent: '<i class="nb-checkmark"></i>',
      cancelButtonContent: '<i class="nb-close"></i>',
      confirmSave: true,
    },
    delete: {
      deleteButtonContent: '<i class="nb-trash"></i>',
      confirmDelete: true,
    },

    columns: {
      name: {
        title: 'Name',
        type: 'html',       
        editor: {
          type: 'completer',
          config: {
            completer: {              
              data: this.nameAutocompletee,            
              searchFields: 'name',
              titleField: 'name'
            },
          },
        }
      },
      address: {
                title: 'Address',
        type: 'html',
      },
   },
  };



  constructor(private orderManagerService: OrderManagerService) {   
    this.GetCompanyDetails();    
  }

  ngOnInit() {             
    this.GetCompanyDetails();    
  }

  GetCompanyDetails()
  {      
      this.orderManagerService.GetCreateNewOrders().subscribe(res => {               
      this.source = new LocalDataSource();          
      this.source.load(res.createOrders);                
    },
    );
  }

Здесь я хочу связать данные из Api, поскольку данные таблицы являются связанными, но я не знаю, как связать это, поскольку в документации это не ясно упомянуто.

...