EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on December 05, 2018, 03:22:51 AM

Title: tree component editable how to add fields validate?
Post by: fengdie on December 05, 2018, 03:22:51 AM

There are no slots to edit in the tree component.
I don't know how to add form validation.

Code:

            <Tree ref="tree"
                :data="tree.data"
                @selectionChange="onTreeSelectionChange"
                @nodeClick="onTreeNodeClick"
                @nodeContextMenu="treeContextMenu"
                @editEnd="onTreeEditEnd"
            >
            </Tree>

Title: Re: tree component editable how to add fields validate?
Post by: stworthy on December 05, 2018, 08:26:17 PM

Please refer to this code:

Code:

<Tree
  ref="tree"
  :data="data"
  @selectionChange="selection=$event"
  @nodeClick="onNodeClick($event)"
  @editBegin="onEditBegin($event)"
  @editEnd="onEditEnd()"
>
  <template slot="editor" slot-scope="node">
    <Form class="f-inline-row f-full" :model="model" :rules="rules" @validate="errors=$event" style="overflow:hidden">
      <TextBox class="f-full" name="name" v-model="model.name" style="height:100%"></TextBox>
    </Form>
  </template>
</Tree>