Guest User

Untitled

a guest
Aug 28th, 2019
21
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.     <v-card flat height="100%">
  3.         <div class="col-lg-12 control-section">
  4.             <div>
  5.                 <ejs-treegrid :dataSource='data' childMapping='subtasks' :treeColumnIndex='1' :height='380'>
  6.                     <e-columns>
  7.                         <e-column field='taskID' headerText='Task ID' width='70' textAlign='Right'></e-column>
  8.                         <e-column field='taskName' headerText='Task Name' width='200'></e-column>
  9.                         <e-column field='startDate' headerText='Start Date' width='90' format="yMd" textAlign='Right'></e-column>
  10.                         <e-column field='endDate' headerText='End Date' width='90' format="yMd" textAlign='Right'></e-column>
  11.                         <e-column field='duration' headerText='Duration' width='80' textAlign='Right'></e-column>
  12.                         <e-column field='progress' headerText='Progress' width='80' textAlign='Right'></e-column>
  13.                         <e-column field='priority' headerText='Priority' width='90'></e-column>
  14.                     </e-columns>
  15.                 </ejs-treegrid>
  16.             </div>
  17.         </div>         
  18.     </v-card>
  19. </template>
  20.  
  21. <script>
  22. <script>
  23.     import Vue from 'vue'
  24.     import { TreeGridPlugin } from "@syncfusion/ej2-vue-treegrid"
  25.    
  26.     Vue.use(TreeGridPlugin);
  27.     export default {
  28.         data() {
  29.             return {
  30.                 data: []
  31.             }
  32.         },
  33.         ....
  34.     }
  35. </script>
RAW Paste Data