时间戳

首页 > 解决方案 > NativeScript with angular 使用 RadDataForm 作为表单向导

nativescript - NativeScript with angular 使用 RadDataForm 作为表单向导

问题描述

您好，我想使用 angular 8 的 nativescript 创建一个向导表单，我阅读了所有与 RadDataForm 相关的文档，并尝试使用组和自定义布局。但是，似乎这些组及其元素必须保持在同一页面上。我没有找到使组以类似向导的样式出现在多个页面上的示例。有人对此有什么想法吗？是否可以使用 RaDDataForm 创建多页表单向导？此外，当我创建表单时，我使用一些开关编辑器来表示布尔值，但标签的文本出现在组件的左侧，而不是顶部，占用了无法用于在同一行上正确布局其他开关的空间。我尝试使用编辑器样式将标签放在顶部，但它不起作用。我还尝试在应用程序中自定义 css。

看来这些设置可能不会在android上更改。

有人可以帮我吗？提前致谢

<TKEntityProperty tkPropertyGroupProperties name="retry" displayName="retry" index="0" columnIndex="0">
            <TKPropertyEditor tkEntityPropertyEditor type="Switch">
            <TKPropertyEditorStyle tkPropertyEditorStyle labelPosition="Top" backgroundColor="Red"></TKPropertyEditorStyle>
            </TKPropertyEditor>
            </TKEntityProperty>
        <TKEntityProperty tkPropertyGroupProperties name="Immediate" displayName="Immediate" index="0" columnIndex="1">
            <TKPropertyEditor tkEntityPropertyEditor type="Switch">
            <TKPropertyEditorStyle tkPropertyEditorStyle labelPosition="Top" backgroundColor="Red"></TKPropertyEditorStyle>
        </TKPropertyEditor>
        </TKEntityProperty>

        <TKEntityProperty tkPropertyGroupProperties name="preask" displayName="Preask" index="0" columnIndex="2">
            <TKPropertyEditor tkEntityPropertyEditor type="Switch">
                <TKPropertyEditorStyle tkPropertyEditorStyle labelPosition="Top" backgroundColor="Red"></TKPropertyEditorStyle>
            </TKPropertyEditor>
        </TKEntityProperty>


        <PropertyEditor[name='Immediate'] {
         font-weight: bold;
         position:top;
         background-color: red;
       }
       PropertyEditor[type='Switch'] {
        font-weight: bold;
        background-color: red;
       }

标签： nativescript

解决方案

推荐阅读