Initial Commit

jqwidgets · Oct 4, 2018 · cb08eef · cb08eef
1 parent b26d298
commit cb08eef
Show file tree

Hide file tree

Showing 80 changed files with 85 additions and 85 deletions.
diff --git a/buttongroup/defaultfunctionality/App.vue b/buttongroup/defaultfunctionality/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxButton :theme="'material'"Group ref="myButtonGroup" @buttonclick="groupOnBtnClick($event)">
+        <JqxButtonGroup :theme="'material'" ref="myButtonGroup" @buttonclick="groupOnBtnClick($event)">
             <button style="padding: 4px 16px" id='Left' value='Left'></button>
             <button style="padding: 4px 16px" id='Center' value='Center'></button>
             <button style="padding: 4px 16px" id='Right' value='Right'></button>

diff --git a/buttongroup/templates/App.vue b/buttongroup/templates/App.vue
@@ -1,47 +1,47 @@
 <template>
   <div>
     <div>Default</div>
-    <JqxButton :theme="'material'"Group :mode="'checkbox'">
+    <JqxButtonGroup :theme="'material'" :mode="'checkbox'">
       <button style="padding: 4px 16px" value='Left'></button>
       <button style="padding: 4px 16px" value='Center'></button>
       <button style="padding: 4px 16px" value='Right'></button>
     </JqxButtonGroup>
     <br />
 
     <div>Primary</div>
-    <JqxButton :theme="'material'"Group :mode="'checkbox'" :template="'primary'">
+    <JqxButtonGroup :theme="'material'" :mode="'checkbox'" :template="'primary'">
       <button style="padding: 4px 16px" value='Left'></button>
       <button style="padding: 4px 16px" value='Center'></button>
       <button style="padding: 4px 16px" value='Right'></button>
     </JqxButtonGroup>
     <br />
 
     <div>Success</div>
-    <JqxButton :theme="'material'"Group :mode="'checkbox'" :template="'success'">
+    <JqxButtonGroup :theme="'material'" :mode="'checkbox'" :template="'success'">
       <button style="padding: 4px 16px" value='Left'></button>
       <button style="padding: 4px 16px" value='Center'></button>
       <button style="padding: 4px 16px" value='Right'></button>
     </JqxButtonGroup>
     <br />
 
     <div>Info</div>
-    <JqxButton :theme="'material'"Group :mode="'checkbox'" :template="'info'">
+    <JqxButtonGroup :theme="'material'" :mode="'checkbox'" :template="'info'">
       <button style="padding: 4px 16px" value='Left'></button>
       <button style="padding: 4px 16px" value='Center'></button>
       <button style="padding: 4px 16px" value='Right'></button>
     </JqxButtonGroup>
     <br />
 
     <div>Warning</div>
-    <JqxButton :theme="'material'"Group :mode="'checkbox'" :template="'warning'">
+    <JqxButtonGroup :theme="'material'" :mode="'checkbox'" :template="'warning'">
       <button style="padding: 4px 16px" value='Left'></button>
       <button style="padding: 4px 16px" value='Center'></button>
       <button style="padding: 4px 16px" value='Right'></button>
     </JqxButtonGroup>
     <br />
 
     <div>Danger</div>
-    <JqxButton :theme="'material'"Group :mode="'checkbox'" :template="'danger'">
+    <JqxButtonGroup :theme="'material'" :mode="'checkbox'" :template="'danger'">
       <button style="padding: 4px 16px" value='Left'></button>
       <button style="padding: 4px 16px" value='Center'></button>
       <button style="padding: 4px 16px" value='Right'></button>

diff --git a/dockinglayout/createcomponent/App.vue b/dockinglayout/createcomponent/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxDocking :theme="'material'"Layout ref="myDockingLayout" :autoCreate="false">
+    <JqxDockingLayout :theme="'material'" ref="myDockingLayout" :autoCreate="false">
         <!--The panel content divs can have a flat structure-->
         <!--autoHideGroup-->
         <div data-container="ToolboxPanel">

diff --git a/dockinglayout/defaultfunctionality/App.vue b/dockinglayout/defaultfunctionality/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxDocking :theme="'material'"Layout :width="getWidth" :height="600" :layout="layout">
+    <JqxDockingLayout :theme="'material'" :width="getWidth" :height="600" :layout="layout">
         <!--The panel content divs can have a flat structure-->
         <!--autoHideGroup-->
         <div data-container="ToolboxPanel">

diff --git a/dockinglayout/fluidsize/App.vue b/dockinglayout/fluidsize/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxDocking :theme="'material'"Layout :width="'100%'" :height="'90%'" :layout="layout">
+    <JqxDockingLayout :theme="'material'" :width="'100%'" :height="'90%'" :layout="layout">
         <!--The panel content divs can have a flat structure-->
         <!--documentGroup-->
         <div data-container="Document1Panel">

diff --git a/dockinglayout/idelikelayout/App.vue b/dockinglayout/idelikelayout/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxDocking :theme="'material'"Layout ref="myDockingLayout" :width="getWidth" :height="600" :layout="layout">
+        <JqxDockingLayout :theme="'material'" ref="myDockingLayout" :width="getWidth" :height="600" :layout="layout">
             <!--The panel content divs can have a flat structure-->
             <!--autoHideGroup-->
             <div data-container="ToolboxPanel">

diff --git a/dockinglayout/righttoleftlayout/App.vue b/dockinglayout/righttoleftlayout/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxDocking :theme="'material'"Layout ref="myDockingLayout" :width="getWidth" :height="600" :layout="layout" :rtl="true">
+    <JqxDockingLayout :theme="'material'" ref="myDockingLayout" :width="getWidth" :height="600" :layout="layout" :rtl="true">
         <!--The panel content divs can have a flat structure-->
         <!--autoHideGroup-->
         <div data-container="ToolboxPanel">

diff --git a/dockinglayout/saveloadlayout/App.vue b/dockinglayout/saveloadlayout/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxDocking :theme="'material'"Layout ref="myDockingLayout" :width="getWidth" :height="600" :layout="layout">
+        <JqxDockingLayout :theme="'material'" ref="myDockingLayout" :width="getWidth" :height="600" :layout="layout">
             <!--The panel content divs can have a flat structure-->
             <!--autoHideGroup-->
             <div data-container="ToolboxPanel">

diff --git a/formattedinput/defaultfunctionality/App.vue b/formattedinput/defaultfunctionality/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxForm :theme="'material'"attedInput :width="250" :height="25" :radix="'decimal'"
+    <JqxFormattedInput :theme="'material'" :width="250" :height="25" :radix="'decimal'"
                        :value="15" :spinButtons="true" :dropDown="true">
     </JqxFormattedInput>
 </template>

diff --git a/formattedinput/events/App.vue b/formattedinput/events/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxForm :theme="'material'"attedInput @open="onOpen($event)" @close="onClose($event)"
+        <JqxFormattedInput :theme="'material'" @open="onOpen($event)" @close="onClose($event)"
                            @change="onChange($event)" @radixChange="onRadixChange($event)"
                            :width="300" :height="25" :radix="'decimal'"
                            :value="190" :spinButtons="true" :dropDown="true">

diff --git a/formattedinput/exponentialnotation/App.vue b/formattedinput/exponentialnotation/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxForm :theme="'material'"attedInput ref="myFormattedInput"
+        <JqxFormattedInput :theme="'material'" ref="myFormattedInput"
                            :width="200" :height="25" :radix="'decimal'" :spinButtons="false"
                            :value="330000" :decimalNotation="'exponential'">
         </JqxFormattedInput>

diff --git a/formattedinput/fluidsize/App.vue b/formattedinput/fluidsize/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxForm :theme="'material'"attedInput ref="myFormattedInput"
+    <JqxFormattedInput :theme="'material'" ref="myFormattedInput"
                        :width="'30%'" :height="25" :radix="'binary'" :value="10111">
     </JqxFormattedInput>
 </template>

diff --git a/formattedinput/keyboardnavigation/App.vue b/formattedinput/keyboardnavigation/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxForm :theme="'material'"attedInput style="float: left"
+        <JqxFormattedInput :theme="'material'" style="float: left"
                            :width="250" :height="25" :radix="'hexadecimal'" :value="'a1'"
                            :spinButtons="false" :dropDown="true">
         </JqxFormattedInput>

diff --git a/formattedinput/negativenumbers/App.vue b/formattedinput/negativenumbers/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxForm :theme="'material'"attedInput :width="600" :height="25" :radix="'decimal'" :dropDown="true" :value="-10">
+    <JqxFormattedInput :theme="'material'" :width="600" :height="25" :radix="'decimal'" :dropDown="true" :value="-10">
     </JqxFormattedInput>
 </template>
 

diff --git a/formattedinput/righttoleftlayout/App.vue b/formattedinput/righttoleftlayout/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxForm :theme="'material'"attedInput style="float: left"
+    <JqxFormattedInput :theme="'material'" style="float: left"
                        :width="250" :height="25" :radix="'binary'" 
                        :value="10000" :dropDown="true" :rtl="true">
     </JqxFormattedInput>

diff --git a/formattedinput/simpleinput/App.vue b/formattedinput/simpleinput/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxForm :theme="'material'"attedInput ref="myFormattedInput"
+        <JqxFormattedInput :theme="'material'" ref="myFormattedInput"
                            :width="250" :height="25" :radix="'binary'" :value="100001">
         </JqxFormattedInput>
 

diff --git a/formattedinput/twowaydatabinding/App.vue b/formattedinput/twowaydatabinding/App.vue
@@ -2,7 +2,7 @@
     <div>
         <div>The value is: {{ value }}</div><br />
 
-        <JqxForm :theme="'material'"attedInput v-model="value" :width="200" :height="25" :radix="'decimal'" :spinButtons="true" :dropDown="true" />
+        <JqxFormattedInput :theme="'material'" v-model="value" :width="200" :height="25" :radix="'decimal'" :spinButtons="true" :dropDown="true" />
     </div>
 </template>
 

diff --git a/formattedinput/uppercasehexadecimals/App.vue b/formattedinput/uppercasehexadecimals/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxForm :theme="'material'"attedInput :width="250" :height="25" :radix="16" :value="'1CF'" :spinButtons="true" :upperCase="true">
+    <JqxFormattedInput :theme="'material'" :width="250" :height="25" :radix="16" :value="'1CF'" :spinButtons="true" :upperCase="true">
     </JqxFormattedInput>
 </template>
 

diff --git a/formattedinput/validation/App.vue b/formattedinput/validation/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxForm :theme="'material'"attedInput :width="250" :height="25" :radix="'decimal'"
+    <JqxFormattedInput :theme="'material'" :width="250" :height="25" :radix="'decimal'"
                        :spinButtons="true" :value="0" :min="0" :max="1000">
     </JqxFormattedInput>
 </template>

diff --git a/treegrid/advancedfiltering/App.vue b/treegrid/advancedfiltering/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="treeGrid"
+    <JqxTreeGrid :theme="'material'" ref="treeGrid"
                  :width="getWidth"
                  :source="dataAdapter"
                  :pageable="true"

diff --git a/treegrid/aggregates/App.vue b/treegrid/aggregates/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="treeGrid"                 
+    <JqxTreeGrid :theme="'material'" ref="treeGrid"                 
                  :width="getWidth" 
                  :height="400" 
                  :source="dataAdapter"

diff --git a/treegrid/aggregatestemplate/App.vue b/treegrid/aggregatestemplate/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="treeGrid"
+    <JqxTreeGrid :theme="'material'" ref="treeGrid"
                  :width="getWidth"
                  :source="dataAdapter"
                  :altRows="true"

diff --git a/treegrid/celledit/App.vue b/treegrid/celledit/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid @cellBeginEdit="treeGridOnCellBeginEdit($event)"
+        <JqxTreeGrid :theme="'material'" @cellBeginEdit="treeGridOnCellBeginEdit($event)"
                      @cellEndEdit="treeGridOnCellEndEdit($event)"
                      :width="getWidth" :source="dataAdapter"
                      :columns="columns" :sortable="true"

diff --git a/treegrid/columnalignment/App.vue b/treegrid/columnalignment/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
             :width="width"
             :sortable="true"
             :columns="columns"

diff --git a/treegrid/columncheckboxes/App.vue b/treegrid/columncheckboxes/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :width="width"
         :checkboxes="true"
         :altRows="true"

diff --git a/treegrid/columnformatting/App.vue b/treegrid/columnformatting/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
             :width="width"
             :height="350"
             :sortable="true"

diff --git a/treegrid/columnhierarchicalcheckboxes/App.vue b/treegrid/columnhierarchicalcheckboxes/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :width="width"
         :checkboxes="true"
         :hierarchicalCheckboxes="true"

diff --git a/treegrid/columnicons/App.vue b/treegrid/columnicons/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :width="width"
         :icons="true"
         :ready="ready"

diff --git a/treegrid/columnreorder/App.vue b/treegrid/columnreorder/App.vue
@@ -1,5 +1,5 @@
 <template>
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
             :width="width"
             :columnsReorder="true"
             :altRows="true"

diff --git a/treegrid/columnresize/App.vue b/treegrid/columnresize/App.vue
@@ -1,5 +1,5 @@
 <template>
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
             :width="width"
             :columnsResize="true"
             :altRows="true"

diff --git a/treegrid/columnshierarchy/App.vue b/treegrid/columnshierarchy/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :altRows="true"
         :columnsResize="true"
         :ready="ready"

diff --git a/treegrid/columnsmallicons/App.vue b/treegrid/columnsmallicons/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :width="width"
         :sortable="true"
         :icons="true"

diff --git a/treegrid/commandcolumn/App.vue b/treegrid/commandcolumn/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid" @rowClick="rowClick($event)"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid" @rowClick="rowClick($event)"
                  :width="width" :altRows="true" :autoRowHeight="true"
                  :editSettings="editSettings" :ready="ready" :rendered="rendered"
                  :columns="columns" :source="dataAdapter">

diff --git a/treegrid/conditionalformatting/App.vue b/treegrid/conditionalformatting/App.vue
@@ -1,5 +1,5 @@
 <template>
-        <JqxTree :theme="'material'"Grid ref="treeGrid"
+        <JqxTreeGrid :theme="'material'" ref="treeGrid"
                      :width="getWidth"
                      :source="dataAdapter"
                      :altRows="true"

diff --git a/treegrid/conditionalrendering/App.vue b/treegrid/conditionalrendering/App.vue
@@ -1,5 +1,5 @@
 <template>
-        <JqxTree :theme="'material'"Grid ref="treeGrid"
+        <JqxTreeGrid :theme="'material'" ref="treeGrid"
                      :width="getWidth"
                      :source="dataAdapter"
                      :altRows="true"                  

diff --git a/treegrid/contextmenu/App.vue b/treegrid/contextmenu/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
                      @contextmenu="myTreeGridOnContextmenu()" 
                      @rowClick="myTreeGridOnRowClick($event)"
                      :width="getWidth" 

diff --git a/treegrid/createComponent/App.vue b/treegrid/createComponent/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid" :autoCreate="false">
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid" :autoCreate="false">
     </JqxTreeGrid>
 </template>
 

diff --git a/treegrid/csvdata/App.vue b/treegrid/csvdata/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :width="width"
         :height="300"
         :pageable="true"

diff --git a/treegrid/customeditors/App.vue b/treegrid/customeditors/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
                  :width="getWidth"
                  :source="dataAdapter"
                  :altRows="true"

diff --git a/treegrid/dataexport/App.vue b/treegrid/dataexport/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid ref="treeGrid"
+        <JqxTreeGrid :theme="'material'" ref="treeGrid"
                      :width="getWidth"
                      :source="dataAdapter"
                      :columns="columns"

diff --git a/treegrid/datagrouping/App.vue b/treegrid/datagrouping/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="treeGrid"
+    <JqxTreeGrid :theme="'material'" ref="treeGrid"
                  :width="getWidth"
                  :source="dataAdapter"
                  :pageable="true"

diff --git a/treegrid/dataprinting/App.vue b/treegrid/dataprinting/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid ref="treeGrid"
+        <JqxTreeGrid :theme="'material'" ref="treeGrid"
                      :width="getWidth"
                      :source="dataAdapter"
                      :sortable="true"

diff --git a/treegrid/defaultfunctionality/App.vue b/treegrid/defaultfunctionality/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
         :width="width" 
         :pageable="true"
         :columnsResize="true"

diff --git a/treegrid/dialog/App.vue b/treegrid/dialog/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
             @rowDoubleClick="onRowDoubleClick($event)"
             :width="width"
             :sortable="true"

diff --git a/treegrid/filtering/App.vue b/treegrid/filtering/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+    <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
                  :width="getWidth"
                  :source="dataAdapter"
                  :pageable="true"

diff --git a/treegrid/filteringapi/App.vue b/treegrid/filteringapi/App.vue
@@ -26,7 +26,7 @@
             </div>
         </div>
 
-        <JqxTree :theme="'material'"Grid ref="myTreeGrid"
+        <JqxTreeGrid :theme="'material'" ref="myTreeGrid"
                      :width="600" 
                      :source="dataAdapter" 
                      :columns="columns"

diff --git a/treegrid/fluidsize/App.vue b/treegrid/fluidsize/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <JqxTree :theme="'material'"Grid ref="treeGrid"
+    <JqxTreeGrid :theme="'material'" ref="treeGrid"
                  :width="'80%'" 
                  :source="dataAdapter" 
                  :sortable="true"