EasyUI Forum
April 28, 2024, 12:58:53 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: tree component editable how to add fields validate?  (Read 4676 times)
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« 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>
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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>
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!