Добавление по месту в пустой таблице

Для визуализации возможности запуска добавления по месту в пустой таблице, предоставляется возможность отобразить шаблон пустой таблицы, стилизованный под редактирование по месту.

Отображение шаблона пустой таблицы можно настроить двумя способами:

  1. с разбиением по колонкам;
  2. без разбиения по колонкам.

Отображение шаблона пустой таблицы с разбиением по колонкам

Конфигурация колонок пустой таблицы задается в опции emptyTemplateColumns. Подробнее читайте здесь.

Чтобы визуализировать возможность добавления по месту, вызовите в шаблоне колонки Controls/list:EditingTemplate, а также передайте ему в опции enabled значение true, чтобы выделить фон контрола-редактора.

В следующем примере добавление по месту настроено в конфигурации колонок:

<!-- WML -->
<Controls.grid:View source="{{_viewSource}}" columns="{{_columns}}">
   <ws:emptyTemplateColumns>
      <ws:Array>
         <ws:Object startColumn="{{ 1 }}" endColumn="{{ 2 }}">
            <ws:template>
               <ws:partial template="Controls/grid:EmptyColumnTemplate">
                  <ws:partial template="Controls/list:EditingTemplate" enabled="{{ true }}">
                     <ws:viewTemplate>
                        <div on:click="_beginAdd()">Введите наименование.</div>
                     </ws:viewTemplate>
                  </ws:partial>
               </ws:partial>
            </ws:template>
         </ws:Object>
         <ws:Object startColumn="{{ 2 }}" endColumn="{{ 6 }}">
            <ws:template>
               <ws:partial template="Controls/grid:EmptyColumnTemplate" >
                     <div>или выберите из каталога.</div>
               </ws:partial>
            </ws:template>
         </ws:Object>
      </ws:Array>
   </ws:emptyTemplateColumns>  
</Controls.grid:View>
// TypeScript
protected _beginAdd() {
    this._children.grid.beginAdd({
        item: new entityRecord({
            rawData: { id: 1, number: id + 1, title: null }
        })
    });
}

Отображение шаблона пустой таблицы без разбиения по колонкам

Настройка шаблона пустой таблицы без разбиения на колонки задается в опции emptyTemplate. Подробнее читайте здесь.

Чтобы визуализировать возможность добавления по месту, вызовите в шаблоне пустой таблицы Controls/list:EditingTemplate, а также передайте ему в опции enabled значение true, чтобы выделить фон контрола-редактора.

В следующем примере для пустой таблицы настроено добавление по месту:

<!-- WML -->
<Controls.grid:View source="{{_viewSource}}" columns="{{_columns}}">
   <ws:emptyTemplate>
      <ws:partial template="Controls/grid:EmptyTemplate">
         <ws:partial template="Controls/list:EditingTemplate" enabled="{{ true }}">
            <ws:viewTemplate>
               <div on:click="_beginAdd()">Введите наименование.</div>
            </ws:viewTemplate>
         </ws:partial>
      </ws:partial>
   </ws:emptyTemplate>
</Controls.grid:View>
// TypeScript
protected _beginAdd() {
    this._children.grid.beginAdd({
        item: new entityRecord({
            rawData: { id: 1, number: id + 1, title: null }
        })
    });
}