NativeScript Angular

RadDataForm Read Only Editors

If you followed the getting started section, you now know how to edit an object's properties with RadDataForm for NativeScript. This article will explain how to disable editing in the editors.

Disable All Editors

RadDataForm has a isReadOnly property which allows you to disable all of its editors.

Example 1: Make all editors read only

<RadDataForm [source]="booking" row="1" [isReadOnly]="isReadOnly">

Figure 1: RadDataForm in read only mode on Android (left) and iOS (right)

NativeScriptUI-DataForm-ReadOnly-Android NativeScriptUI-DataForm-ReadOnly-iOS

Disable Specific Editors

If you need to disable only a specific editor, you can use EntityProperty's readOnly property.

Example 2: Make only a specific editor read only

<TKEntityProperty tkDataFormProperty name="price" index="4" readOnly="true">
    <TKPropertyEditor tkEntityPropertyEditor type="Decimal"></TKPropertyEditor>
</TKEntityProperty>

References

Want to see these scenarios in action? Check our SDK Examples for Angular repository on GitHub. You will find these and many other practical examples with NativeScript UI.

Related articles you might find useful: