Search Results: wegh edit

Configure Simple Items

Guides

, you can force an item to use an editor of your choice. For this purpose, specify the item's editorType property. To configure the editor, use the editorOptions object. Note that you also need...", { dataField: "hireDate", editorType: "dxCalendar", editorOptions: { value: new Date() } }, { dataField: "notes", editorType

Additional Marks

Guides

;/Form> ); } } export default App; See Also Form - Configure Item Labels | Location and Alignment Form - Change Item Properties at Runtime Form - Change Editor Properties at Runtime Form

Item Properties

Guides

the layout. As a result, all editors are re-initialized and their settings return to the initial editorOptions configuration. See Also jQuery Call Methods Angular Call Methods Vue Call Methods React Call Methods Form - Change Editor Properties at Runtime Form - Configure Simple Items Form Demos Form API Reference

Update Form Data Using the API

Guides

); } }); }); View Demo The Form UI component provides methods that update specific formData fields and rerender the corresponding editors without rerendering the whole UI... the whole formData object rerenders the UI component from scratch; updating specific formData fields rerenders only the corresponding editors. HTMLTypeScript <dx-form [(formData)]="employee"><

Generate a Data Object from Form Items

Guides

", editorType: "dxTextBox" }, { dataField: "lastName", editorType: "dxTextBox" }, { dataField: "birthDate", editorType: "dxDateBox... (onFieldDataChanged)="form_fieldDataChanged($event)"> <dxi-item dataField="firstName" editorType="dxTextBox"></dxi-item> <dxi-item dataField="lastName" editorType="dxTextBox"><