Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 8404000

Browse files
authored
Merge pull request #107 from Rebolon/feature/devextrem-vue
Fix VueJS Quasar datagrid (wrong uri)
2 parents faac6ab + a925001 commit 8404000

File tree

15 files changed

+1105
-107
lines changed

15 files changed

+1105
-107
lines changed

‎README.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,7 @@ Then some php controllers has been created on following routes :
5151
* /demo/vuejs : VuejsController with route config in annotations and VueJS app with specific js/css import
5252
* /demo/quasar : QuasarController like VuejsController but with the Quasar framework for UX components
5353
* /demo/form/quasar-vuejs : [Work in progress] authentification with javascript, and a full web application with vuejs and api-platform(rest/graphql)
54+
* /demo/form/devxpress-vuejs : VueJS demo with DevXpress UI components (Datagrid)
5455
* /demo/form/devxpress-angular : Angular5 demo with DevXpress UI components (Datagrid and a Wizard sample with local storage and a sumup zone)
5556
* /api : access ApiPlatform api doc (you need to be authentified from /demo/form if you want to play with it: all entities are configured to be accessed with ROLE_USER)
5657
* /api/graphql : access ApiPlatform GraphQL implementation (beta release)
@@ -97,7 +98,7 @@ The test_browser section represent all the browsers you want to use with the tes
9798
* [twig](https://twig.symfony.com/): symfony template solution, useless if you don't want to render template with symfony, but usefull to be able to use assets twig helper with webpack encore
9899
* [api](api-platform.com): api-platform to build REST api(instead of fosrestbundle)
99100
* [react](https://reactjs.org/): js framework used here by api-platform for their react admin component, it's built on top of [https://marmelab.com/admin-on-rest](https://marmelab.com/admin-on-rest)
100-
* [@devexpress/dx-react-core@devexpress/dx-react-grid](https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/getting-started/): UX components library based on React
101+
* [@devexpress](https://devexpress.github.io): UX components library for Angular, React, VueJS or VanillaJS, with commercial licence and also an open-source free under some conditions
101102
* http: a cool library to do http call from http (you could switch it with Guzzle)
102103
* doctrine-migrations: based on Doctrine ORM, it make it easy to change your db during a project life
103104
* doctrine-fixture: also based on Doctrine to help you to add fixtures in your DB (for your tests or for project init)
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<template>
2+
<div id="app">
3+
<Books></Books>
4+
</div>
5+
</template>
6+
7+
<script>
8+
import Books from "./components/Books";
9+
export default {
10+
name: 'app',
11+
components: {Books},
12+
}
13+
</script>
14+
15+
<style>
16+
#app {
17+
font-family: 'Avenir', Helvetica, Arial, sans-serif;
18+
-webkit-font-smoothing: antialiased;
19+
-moz-osx-font-smoothing: grayscale;
20+
text-align: center;
21+
color: #2c3e50;
22+
margin-top: 60px;
23+
}
24+
</style>
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
// The Vue build version to load with the `import` command
2+
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
3+
import Vue from 'vue'
4+
import App from './App.vue'
5+
import { isProduction } from '../lib/config'
6+
import VueApollo from 'vue-apollo'
7+
import { apolloProvider } from '../lib/apollo'
8+
9+
import 'devextreme/dist/css/dx.common.css';
10+
import 'devextreme/dist/css/dx.light.compact.css';
11+
12+
Vue.config.productionTip = isProduction()
13+
14+
Vue.use(VueApollo)
15+
16+
/* eslint-disable no-new */
17+
new Vue({
18+
el: '#app',
19+
apolloProvider,
20+
render: h => h(App),
21+
})
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<template>
2+
<q-item-main>
3+
<q-item-tile label>{{ book.title }}</q-item-tile>
4+
</q-item-main>
5+
</template>
6+
7+
<script>
8+
import { QItemMain, QItemTile } from 'quasar-framework/dist/quasar.mat.esm'
9+
10+
export default {
11+
name: 'Book',
12+
components: {
13+
QItemMain,
14+
QItemTile,
15+
},
16+
props: ['book'],
17+
}
18+
</script>
19+
20+
<!-- Add "scoped" attribute to limit CSS to this component only -->
21+
<style scoped>
22+
23+
</style>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /