Инициализация списка с включенным редактированием или добавлением по месту

Автоматический запуск редактирования и добавления по месту при инициализации списка задается в опции editingConfig в свойстве item (см. Types/entity:Model). По умолчанию автоматический запуск отключен.

При инициализации списка проверяется Types/collection:RecordSet, полученный из источника данных. Если item присутствует в Types/collection:RecordSet, то для него запускается редактирование по месту, а если отсутствует — запускается добавление по месту с начальными данными, взятыми из item.

В следующем примере при инициализации списка автоматически запускается редактирование для элемента списка c key равным 1.

Пример
Исходный код
<!-- WML -->
<Controls.list:View
   source="{{_viewSource}}"
   editingConfig="{{_editingConfig}}">
   <ws:itemTemplate>
      <ws:partial template="Controls/list:ItemTemplate">
         <ws:contentTemplate>
            <ws:partial template="Controls/list:EditingTemplate" value="{{ itemTemplate.item.contents.title }}">
               <ws:editorTemplate>
                  <Controls.input:Text bind:value="itemTemplate.item.contents.title"/>
               </ws:editorTemplate>
            </ws:partial>
         </ws:contentTemplate>
      </ws:partial>
   </ws:itemTemplate>
</Controls.list:View>
// TypeScript
import {Memory} from 'Types/source';

interface IEditCfg {
    toolbarVisibility: boolean;
    item: unknown;
    editOnClick: boolean;
}

private _viewSource: Memory;

protected _editingConfig: IEditCfg = null;

protected _beforeMount(): Promise<void> {
  this._viewSource = new Memory({
      keyProperty: 'key',
      data: [{key: 1, title: 'Notebooks'}]
  });
  return this._viewSource.read(1).then((record) => {
      this._editingConfig = {
          item: record,
          editOnClick: true
      };
  });
}

Также можно настроить автоматический запуск добавления по месту при инициализации пустого списка. Для настройки этого функционала установите в опции autoAddOnInit значение true. При этом добавление по месту запускается без начальных данных.

При запуске и завершении редактирования по месту происходят события. Подробнее читайте здесь.