Автоматический переход на следующую строку
Для редактирования по месту
Автоматический запуск редактирования по месту для следующего элемента, происходящий при завершении редактирования любого (кроме последнего) элемента списка, задается в опции editingConfig в свойстве sequentialEditing
. По умолчанию автоматический запуск включен.
В следующем примере автоматический запуск отключен.
<!-- WML -->
<Controls.list:View name="list" source="{{_viewSource}}">
<ws:editingConfig
editOnClick="{{true}}"
sequentialEditingMode="none"/>
<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>
В следующем примере показан автоматический запуск редактирования по месту для элемента внутри узла.
<!-- WML -->
<Controls.treeGrid:View
source="{{_viewSource}}"
columns="{{_columns}}"
parentProperty="parent"
nodeProperty="type"
colspanCallback="{{_colspanCallback}}">
<ws:editingConfig
editOnClick="{{true}}"
enabled="{{true}}"
sequentialEditing="{{true}}"
toolbarVisibility="{{true}}"/>
</Controls.treeGrid:View>
При запуске и завершении редактирования по месту происходят события. Подробнее читайте здесь.
Для добавления по месту
Автоматический запуск добавления нового элемента, происходящий при завершении редактирования последнего элемента списка, задается в опции editingConfig в свойстве autoAdd
. По умолчанию автоматический запуск отключен.
В следующем примере кликом по последнему элементу списка запустите его редактирование по месту. Завершите редактирование, например клавишей Enter. После этого будет автоматически запущено добавление нового элемента.
<!-- WML -->
<Controls.list:View name="list" source="{{_viewSource}}">
<ws:editingConfig
editOnClick="{{true}}"
autoAdd="{{true}}"/>
<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>
В ряде случаев необходимо отменить автоматический запуск добавления нового элемента, если завершение добавления предыдущего элемента происходит кнопкой "Сохранить" на панели опций записи. Для этого в опции editingConfig в свойстве autoAddByApplyButton
установите значение false
.
<!-- WML -->
<Controls.list:View name="list" source="{{_viewSource}}">
<ws:editingConfig
editOnClick="{{true}}"
autoAdd="{{true}}"
autoAddByApplyButton="{{false}}"/>
<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>
При запуске и завершении добавления по месту происходят события. Подробнее читайте здесь.