This commit is contained in:
2026-02-06 18:34:35 +08:00
commit f7f4c94c00
3285 changed files with 563208 additions and 0 deletions

View File

@@ -0,0 +1,112 @@
<template>
<div>
<JqxGrid ref="myGrid"
@groupexpand="myGridOnGroupExpand($event)" @groupcollapse="myGridOnGroupCollapse($event)"
:width="getWidth" :height="280" :source="dataAdapter" :columns="columns"
:groupable="true" :pageable="true" :groups="['City']">
</JqxGrid>
<div style="margin-top: 30px">
<div style="float: left; margin-left: 20px">
<JqxButton @click="expandBtnOnClick()" :width="125" :height="25">Expand Group</JqxButton>
<br />
<JqxButton @click="collapseBtnOnClick()" :width="125" :height="25">Collapse Group</JqxButton>
<br />
<span style="margin-top: 10px">Group:</span>
<JqxInput ref="myInput" style="margin-left: 10px; margin-top: 10px" :width="20" :value="1"></JqxInput>
</div>
<div style="float: left; margin-left: 20px">
<JqxButton @click="expandAllBtnOnClick()" :width="125" :height="25">Expand All</JqxButton>
<br />
<JqxButton @click="collapseAllBtnOnClick()" :width="125" :height="25">Collapse All</JqxButton>
<br />
</div>
<div style="float: left; margin-left: 20px">
<div style="font-weight: bold">
<span>Event Log:</span>
</div>
<div style="margin-top: 10px">
<span>Expanded Group:</span>
<span ref="expandedGroupLog"></span>
</div>
<div style="margin-top: 10px">
<span>Collapsed Group:</span>
<span ref="collapsedGroupLog"></span>
</div>
</div>
</div>
</div>
</template>
<script>
import JqxGrid from "jqwidgets-scripts/jqwidgets-vue/vue_jqxgrid.vue";
import JqxButton from "jqwidgets-scripts/jqwidgets-vue/vue_jqxbuttons.vue";
import JqxInput from "jqwidgets-scripts/jqwidgets-vue/vue_jqxinput.vue";
export default {
components: {
JqxGrid,
JqxButton,
JqxInput
},
data: function () {
return {
getWidth: '90%',
dataAdapter: new jqx.dataAdapter(this.source),
columns: [
{ text: 'Company Name', datafield: 'CompanyName', width: 250 },
{ text: 'City', datafield: 'City', width: 120 },
{ text: 'Country', datafield: 'Country' }
]
}
},
beforeCreate: function () {
this.source = {
datatype: 'xml',
datafields: [
{ name: 'CompanyName', map: 'm\\:properties>d\\:CompanyName', type: 'string' },
{ name: 'ContactName', map: 'm\\:properties>d\\:ContactName', type: 'string' },
{ name: 'ContactTitle', map: 'm\\:properties>d\\:ContactTitle', type: 'string' },
{ name: 'City', map: 'm\\:properties>d\\:City', type: 'string' },
{ name: 'PostalCode', map: 'm\\:properties>d\\:PostalCode', type: 'string' },
{ name: 'Country', map: 'm\\:properties>d\\:Country', type: 'string' }
],
root: 'entry',
record: 'content',
id: 'm\\:properties>d\\:CustomerID',
url: 'customers.xml'
};
},
methods: {
expandBtnOnClick: function() {
let groupnum = this.$refs.myInput.val();
if (!isNaN(groupnum)) {
this.$refs.myGrid.expandgroup(groupnum);
}
},
collapseBtnOnClick: function() {
let groupnum = this.$refs.myInput.val();
if (!isNaN(groupnum)) {
this.$refs.myGrid.collapsegroup(groupnum);
}
},
expandAllBtnOnClick: function() {
this.$refs.myGrid.expandallgroups();
},
collapseAllBtnOnClick: function() {
this.$refs.myGrid.collapseallgroups();
},
myGridOnGroupExpand: function(event) {
let args = event.args;
this.$refs.expandedGroupLog.innerHTML = 'Group: ' + args.group + ', Level: ' + args.level;
},
myGridOnGroupCollapse: function (event) {
let args = event.args;
this.$refs.collapsedGroupLog.innerHTML = 'Group: ' + args.group + ', Level: ' + args.level
}
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQWidgets Vue Example</title>
<link rel="stylesheet" href="node_modules/jqwidgets-scripts/jqwidgets/styles/jqx.base.css" type="text/css" />
<script src="https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script> </head>
<body>
<div id="app"></div>
<script src="dist/main.bundle.js"></script>
</body>
</html>

View File

@@ -0,0 +1,10 @@
import Vue from 'vue'
import App from './App'
Vue.config.productionTip = false
new Vue({
el: '#app',
components: { App },
template: '<App/>'
})

View File

@@ -0,0 +1,33 @@
{
"name": "jQWidgets_Vue_Demo",
"version": "1.0.0",
"description": "Vue.js Demos Build Project",
"author": "www.jqwidgets.com <sales@jqwidgets.com>",
"private": true,
"scripts": {
"build": "webpack --config webpack.config.js",
"start": "npm run build"
},
"devDependencies": {
"autoprefixer": "^7.1.2",
"css-loader": "^0.28.11",
"extract-text-webpack-plugin": "^3.0.0",
"file-loader": "^1.1.4",
"jqwidgets-scripts": "~6.1.0",
"portfinder": "^1.0.13",
"postcss-import": "^11.0.0",
"postcss-loader": "^2.0.8",
"postcss-url": "^7.2.1",
"style-loader": "^0.23.0",
"uglifyjs-webpack-plugin": "^1.1.1",
"url-loader": "^0.5.8",
"vue": "^2.5.2",
"vue-loader": "^13.3.0",
"vue-style-loader": "^3.0.1",
"vue-template-compiler": "^2.5.2",
"webpack": "^3.6.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-server": "^2.9.1",
"webpack-merge": "^4.1.0"
}
}

View File

@@ -0,0 +1,446 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<feed xml:base="http://services.odata.org/Northwind/Northwind.svc/" xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns="http://www.w3.org/2005/Atom">
<title type="text">Customers</title>
<updated>2011-11-30T11:39:28Z</updated>
<link rel="self" title="Customers" href="Customers" />
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>ALFKI</d:CustomerID>
<d:CompanyName>Alfreds Futterkiste</d:CompanyName>
<d:ContactName>Maria Anders</d:ContactName>
<d:ContactTitle>Sales Representative</d:ContactTitle>
<d:Address>Obere Str. 57</d:Address>
<d:City>Berlin</d:City>
<d:Region m:null="true" />
<d:PostalCode>12209</d:PostalCode>
<d:Country>Germany</d:Country>
<d:Phone>030-0074321</d:Phone>
<d:Fax>030-0076545</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>ANATR</d:CustomerID>
<d:CompanyName>Ana Trujillo Emparedados y helados</d:CompanyName>
<d:ContactName>Ana Trujillo</d:ContactName>
<d:ContactTitle>Owner</d:ContactTitle>
<d:Address>Avda. de la Constitución 2222</d:Address>
<d:City>México D.F.</d:City>
<d:Region m:null="true" />
<d:PostalCode>05021</d:PostalCode>
<d:Country>Mexico</d:Country>
<d:Phone>(5) 555-4729</d:Phone>
<d:Fax>(5) 555-3745</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>ANTON</d:CustomerID>
<d:CompanyName>Antonio Moreno Taquería</d:CompanyName>
<d:ContactName>Antonio Moreno</d:ContactName>
<d:ContactTitle>Owner</d:ContactTitle>
<d:Address>Mataderos 2312</d:Address>
<d:City>México D.F.</d:City>
<d:Region m:null="true" />
<d:PostalCode>05023</d:PostalCode>
<d:Country>Mexico</d:Country>
<d:Phone>(5) 555-3932</d:Phone>
<d:Fax m:null="true" />
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>AROUT</d:CustomerID>
<d:CompanyName>Around the Horn</d:CompanyName>
<d:ContactName>Thomas Hardy</d:ContactName>
<d:ContactTitle>Sales Representative</d:ContactTitle>
<d:Address>120 Hanover Sq.</d:Address>
<d:City>London</d:City>
<d:Region m:null="true" />
<d:PostalCode>WA1 1DP</d:PostalCode>
<d:Country>UK</d:Country>
<d:Phone>(171) 555-7788</d:Phone>
<d:Fax>(171) 555-6750</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BERGS</d:CustomerID>
<d:CompanyName>Berglunds snabbköp</d:CompanyName>
<d:ContactName>Christina Berglund</d:ContactName>
<d:ContactTitle>Order Administrator</d:ContactTitle>
<d:Address>Berguvsvägen 8</d:Address>
<d:City>Luleå</d:City>
<d:Region m:null="true" />
<d:PostalCode>S-958 22</d:PostalCode>
<d:Country>Sweden</d:Country>
<d:Phone>0921-12 34 65</d:Phone>
<d:Fax>0921-12 34 67</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BLAUS</d:CustomerID>
<d:CompanyName>Blauer See Delikatessen</d:CompanyName>
<d:ContactName>Hanna Moos</d:ContactName>
<d:ContactTitle>Sales Representative</d:ContactTitle>
<d:Address>Forsterstr. 57</d:Address>
<d:City>Mannheim</d:City>
<d:Region m:null="true" />
<d:PostalCode>68306</d:PostalCode>
<d:Country>Germany</d:Country>
<d:Phone>0621-08460</d:Phone>
<d:Fax>0621-08924</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BLONP</d:CustomerID>
<d:CompanyName>Blondesddsl père et fils</d:CompanyName>
<d:ContactName>Frédérique Citeaux</d:ContactName>
<d:ContactTitle>Marketing Manager</d:ContactTitle>
<d:Address>24, place Kléber</d:Address>
<d:City>Strasbourg</d:City>
<d:Region m:null="true" />
<d:PostalCode>67000</d:PostalCode>
<d:Country>France</d:Country>
<d:Phone>88.60.15.31</d:Phone>
<d:Fax>88.60.15.32</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BOLID</d:CustomerID>
<d:CompanyName>Bólido Comidas preparadas</d:CompanyName>
<d:ContactName>Martín Sommer</d:ContactName>
<d:ContactTitle>Owner</d:ContactTitle>
<d:Address>C/ Araquil, 67</d:Address>
<d:City>Madrid</d:City>
<d:Region m:null="true" />
<d:PostalCode>28023</d:PostalCode>
<d:Country>Spain</d:Country>
<d:Phone>(91) 555 22 82</d:Phone>
<d:Fax>(91) 555 91 99</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BONAP</d:CustomerID>
<d:CompanyName>Bon app'</d:CompanyName>
<d:ContactName>Laurence Lebihan</d:ContactName>
<d:ContactTitle>Owner</d:ContactTitle>
<d:Address>12, rue des Bouchers</d:Address>
<d:City>Marseille</d:City>
<d:Region m:null="true" />
<d:PostalCode>13008</d:PostalCode>
<d:Country>France</d:Country>
<d:Phone>91.24.45.40</d:Phone>
<d:Fax>91.24.45.41</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BOTTM</d:CustomerID>
<d:CompanyName>Bottom-Dollar Markets</d:CompanyName>
<d:ContactName>Elizabeth Lincoln</d:ContactName>
<d:ContactTitle>Accounting Manager</d:ContactTitle>
<d:Address>23 Tsawassen Blvd.</d:Address>
<d:City>Tsawassen</d:City>
<d:Region>BC</d:Region>
<d:PostalCode>T2F 8M4</d:PostalCode>
<d:Country>Canada</d:Country>
<d:Phone>(604) 555-4729</d:Phone>
<d:Fax>(604) 555-3745</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>BSBEV</d:CustomerID>
<d:CompanyName>B's Beverages</d:CompanyName>
<d:ContactName>Victoria Ashworth</d:ContactName>
<d:ContactTitle>Sales Representative</d:ContactTitle>
<d:Address>Fauntleroy Circus</d:Address>
<d:City>London</d:City>
<d:Region m:null="true" />
<d:PostalCode>EC2 5NT</d:PostalCode>
<d:Country>UK</d:Country>
<d:Phone>(171) 555-1212</d:Phone>
<d:Fax m:null="true" />
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>CACTU</d:CustomerID>
<d:CompanyName>Cactus Comidas para llevar</d:CompanyName>
<d:ContactName>Patricio Simpson</d:ContactName>
<d:ContactTitle>Sales Agent</d:ContactTitle>
<d:Address>Cerrito 333</d:Address>
<d:City>Buenos Aires</d:City>
<d:Region m:null="true" />
<d:PostalCode>1010</d:PostalCode>
<d:Country>Argentina</d:Country>
<d:Phone>(1) 135-5555</d:Phone>
<d:Fax>(1) 135-4892</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>CENTC</d:CustomerID>
<d:CompanyName>Centro comercial Moctezuma</d:CompanyName>
<d:ContactName>Francisco Chang</d:ContactName>
<d:ContactTitle>Marketing Manager</d:ContactTitle>
<d:Address>Sierras de Granada 9993</d:Address>
<d:City>México D.F.</d:City>
<d:Region m:null="true" />
<d:PostalCode>05022</d:PostalCode>
<d:Country>Mexico</d:Country>
<d:Phone>(5) 555-3392</d:Phone>
<d:Fax>(5) 555-7293</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>CHOPS</d:CustomerID>
<d:CompanyName>Chop-suey Chinese</d:CompanyName>
<d:ContactName>Yang Wang</d:ContactName>
<d:ContactTitle>Owner</d:ContactTitle>
<d:Address>Hauptstr. 29</d:Address>
<d:City>Bern</d:City>
<d:Region m:null="true" />
<d:PostalCode>3012</d:PostalCode>
<d:Country>Switzerland</d:Country>
<d:Phone>0452-076545</d:Phone>
<d:Fax m:null="true" />
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>COMMI</d:CustomerID>
<d:CompanyName>Comércio Mineiro</d:CompanyName>
<d:ContactName>Pedro Afonso</d:ContactName>
<d:ContactTitle>Sales Associate</d:ContactTitle>
<d:Address>Av. dos Lusíadas, 23</d:Address>
<d:City>Sao Paulo</d:City>
<d:Region>SP</d:Region>
<d:PostalCode>05432-043</d:PostalCode>
<d:Country>Brazil</d:Country>
<d:Phone>(11) 555-7647</d:Phone>
<d:Fax m:null="true" />
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>CONSH</d:CustomerID>
<d:CompanyName>Consolidated Holdings</d:CompanyName>
<d:ContactName>Elizabeth Brown</d:ContactName>
<d:ContactTitle>Sales Representative</d:ContactTitle>
<d:Address>Berkeley Gardens 12 Brewery</d:Address>
<d:City>London</d:City>
<d:Region m:null="true" />
<d:PostalCode>WX1 6LT</d:PostalCode>
<d:Country>UK</d:Country>
<d:Phone>(171) 555-2282</d:Phone>
<d:Fax>(171) 555-9199</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>DRACD</d:CustomerID>
<d:CompanyName>Drachenblut Delikatessen</d:CompanyName>
<d:ContactName>Sven Ottlieb</d:ContactName>
<d:ContactTitle>Order Administrator</d:ContactTitle>
<d:Address>Walserweg 21</d:Address>
<d:City>Aachen</d:City>
<d:Region m:null="true" />
<d:PostalCode>52066</d:PostalCode>
<d:Country>Germany</d:Country>
<d:Phone>0241-039123</d:Phone>
<d:Fax>0241-059428</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>DUMON</d:CustomerID>
<d:CompanyName>Du monde entier</d:CompanyName>
<d:ContactName>Janine Labrune</d:ContactName>
<d:ContactTitle>Owner</d:ContactTitle>
<d:Address>67, rue des Cinquante Otages</d:Address>
<d:City>Nantes</d:City>
<d:Region m:null="true" />
<d:PostalCode>44000</d:PostalCode>
<d:Country>France</d:Country>
<d:Phone>40.67.88.88</d:Phone>
<d:Fax>40.67.89.89</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>EASTC</d:CustomerID>
<d:CompanyName>Eastern Connection</d:CompanyName>
<d:ContactName>Ann Devon</d:ContactName>
<d:ContactTitle>Sales Agent</d:ContactTitle>
<d:Address>35 King George</d:Address>
<d:City>London</d:City>
<d:Region m:null="true" />
<d:PostalCode>WX3 6FW</d:PostalCode>
<d:Country>UK</d:Country>
<d:Phone>(171) 555-0297</d:Phone>
<d:Fax>(171) 555-3373</d:Fax>
</m:properties>
</content>
</entry>
<entry>
<title type="text"></title>
<updated>2011-11-30T11:39:28Z</updated>
<author>
<name />
</author>
<content type="application/xml">
<m:properties>
<d:CustomerID>ERNSH</d:CustomerID>
<d:CompanyName>Ernst Handel</d:CompanyName>
<d:ContactName>Roland Mendel</d:ContactName>
<d:ContactTitle>Sales Manager</d:ContactTitle>
<d:Address>Kirchgasse 6</d:Address>
<d:City>Graz</d:City>
<d:Region m:null="true" />
<d:PostalCode>8010</d:PostalCode>
<d:Country>Austria</d:Country>
<d:Phone>7675-3425</d:Phone>
<d:Fax>7675-3426</d:Fax>
</m:properties>
</content>
</entry>
</feed>

View File

@@ -0,0 +1,50 @@
'use strict'
const path = require('path')
const webpack = require('webpack')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
entry: {
main: './main.js'
},
output: {
path: path.resolve(__dirname + '/dist'),
filename: '[name].bundle.js'
},
resolve: {
extensions: ['.js', '.vue'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': path.resolve(__dirname + '/src'),
}
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
},
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader'
},
{
test: /\.css$/,
loaders: ['style-loader', 'css-loader']
}
]
},
plugins: [
// strip all the warnings from Vue.js source code.
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
// uglify build code
new UglifyJsPlugin({
// this speeds up the build
parallel: true
})
]
}