Question

我们当前在页面中使用dx-forms和dxi-items来添加部分。我正在尝试使这些部分可折叠，但是看起来可折叠无法用dx形式完成，我们应该使用dx手风琴。没有例子说明如何将dx手风琴用于dx形式

<div id="create-new-container">
    <p class="title">New</p>
    <dx-form class="create-form"
        [(formData)]="newData"
        [showRequiredMark]="false"
        labelLocation="left"
        >
        <dxi-item #info [colCount]="2" itemType="group" caption="Description"  >
            <dxi-item itemType="group">
                <dxi-item>
                    <div class="dx-field">
                        <div class="dx-field-label">Name</div>
                        <div class="dx-field-value">
                            <dx-text-box value="Test name" [showClearButton]="true" [disabled]=true></dx-text-box>
                        </div>
                    </div>
                </dxi-item>

有人可以帮忙使用而不是devextreeme中的表格吗？

Answer 1

您可以将DX表单作为手风琴的一部分添加到DX项中。

<dx-accordion #accordion [collapsible]="true" [multiple]="false" [animationDuration]="300">
    <dxi-item title="Collapse title">
        <dx-form>
            <!-- Form data -->
        </dx-form>
    </dxi-item>
</dx-accordion>

折叠成dx格式的项目

1 个答案: