check these
https://github.com/web2py/scaffold
https://github.com/lucadealfaro/vue_stripe_web2py_shopping_cart
2017-02-22 11:01 GMT+00:00 'John Philip' via web2py-users <
web2py@googlegroups.com>:
> Thanks Dave,
> unfortunately I still haven't managed it.
>
> regards,
>
> John
>
>
> On Tuesday, February 14, 2017 at 8:11:34 PM UTC+1, Dave S wrote:
>>
>>
>>
>> On Tuesday, February 14, 2017 at 2:55:30 AM UTC-8, John Philip wrote:
>>>
>>> Hi Ramon,
>>>
>>> since you've had experience using vuejs in web2py I thought I'd ask you.
>>> I am using a vuejs component library to display a table from a json
>>> dataset.
>>>
>>> var Main = {
>>> data() {
>>> return {
>>> tableData: get_json_data_from_web2py_table
>>> }
>>> },
>>> methods: {
>>> formatter(row, column) {
>>> return row.task;
>>> },
>>> filterTag(value, row) {
>>> return row.status === value;
>>> }
>>> }
>>> }
>>> var Ctor = Vue.extend(Main)
>>> new Ctor().$mount('#app')
>>> // configure language
>>> locale.use(en)
>>>
>>> my question is how can I pull the json data from the web2py database?
>>> Also similarly I would like to be able to edit/delete a record and push the
>>> changes to the web2py database. Do you have any suggestions?
>>>
>>> many thanks and regards,
>>>
>>> John
>>>
>>
>> Perhaps use the as_dict() operator
>> <URL:http://web2py.com/books/default/chapter/29/06/the-datab
>> ase-abstraction-layer#as_dict-and-as_list>
>> and have a dot-json view rather than a dot-html view.
>>
>> Chapter 5 covers the views, but doesn't seem to spend much time on
>> non-HTML fllavors. You can get most of the way, maybe all the way, by
>> copying views/generic.json to your own file.
>>
>> /dps
>>
>>
>>> On Sunday, June 28, 2015 at 10:57:58 AM UTC+2, Ramos wrote:
>>>>
>>>> I dont use ractive. Only Vuejs and a template inside a script tag is
>>>> what i learned from the docs and video tutorials.
>>>>
>>>> Is the
>>>>
>>>> <script type="text/x-template" id="pote">
>>>> <span class="label label-info">(%name%)</span>
>>>> <div>
>>>> <ul class="sortable-list">
>>>> <li v-repeat="item:items|only name
>>>> "><macro-doses pote='(%name%)' mp='(%item%)' myid=(%name%)
>>>> items=(%items%)></macro-doses></li>
>>>> </ul>
>>>> </div>
>>>> </script>
>>>>
>>>> accepted by web2py without any compilation so vue can do its job?
>>>>
>>>> Regards
>>>>
>>>> 2015-06-28 9:23 GMT+01:00 Massimo Di Pierro <massimo....@gmail.com>:
>>>>
>>>>> I am not sure but I think you are mixing ractive and vue syntax.
>>>>>
>>>>> In ractive you have a <script/> and a <div id="target"/>. The script
>>>>> is rendered in the target.
>>>>>
>>>>> In vue (which you use), the ractive code is in place but you still use
>>>>> a script instead of a div.
>>>>>
>>>>> Massimo
>>>>>
>>>>>
>>>>> On Saturday, 27 June 2015 12:34:31 UTC-5, Ramos wrote:
>>>>>>
>>>>>> No help :)
>>>>>> Im doomed...
>>>>>> Em 26/06/2015 17:29, "António Ramos" <ramst...@gmail.com> escreveu:
>>>>>>
>>>>>>> Hello ,
>>>>>>> so far so good i created my second vuejs page inside web2py and this
>>>>>>> time using components.
>>>>>>>
>>>>>>>
>>>>>>> my doformind.js has some components and changes the delimiters to
>>>>>>> avoid colision with curlies.
>>>>>>>
>>>>>>> Vue.config.delimiters = ['(%', '%)'];
>>>>>>> Vue.component('pote', {
>>>>>>> props: ['name','items'],
>>>>>>> template: '#pote' *<- refering to the html template inside my
>>>>>>> page*
>>>>>>> });
>>>>>>> etc....
>>>>>>>
>>>>>>>
>>>>>>> my html ...
>>>>>>>
>>>>>>>
>>>>>>> {{response.files.append(URL(r=request,c='static',f='/js/vue.
>>>>>>> min.js'))}}
>>>>>>> {{response.files.append(URL(r=request,c='static',f='/js/vue-
>>>>>>> resource.min.js'))}}
>>>>>>> {{response.files.append(URL(r=request,c='static',f='/js/toas
>>>>>>> tr.js'))}}
>>>>>>> {{response.files.append(URL(r=request,c='static',f='/js/jque
>>>>>>> ry-ui.js'))}}
>>>>>>>
>>>>>>> *{{response.files.append(URL(r=request,c='static',f='/js/doformind.js'))}}*
>>>>>>> {{response.files.append(URL(r=request,c='static',f='/css/toa
>>>>>>> str.css'))}}
>>>>>>>
>>>>>>> *{{response.files.append(URL(r=request,c='static',f='/css/doformind.css'))}}*
>>>>>>> {{extend 'layout.html'}}
>>>>>>>
>>>>>>>
>>>>>>> <script type="text/x-template" id="pote">
>>>>>>> <span class="label
>>>>>>> label-info">(%name%)</span>
>>>>>>> <div>
>>>>>>> <ul class="sortable-list">
>>>>>>> <li v-repeat="item:items|only name
>>>>>>> "><macro-doses pote='(%name%)' mp='(%item%)' myid=(%name%)
>>>>>>> items=(%items%)></macro-doses></li>
>>>>>>> </ul>
>>>>>>> </div>
>>>>>>> </script>
>>>>>>>
>>>>>>>
>>>>>>> ....
>>>>>>> ....
>>>>>>> somewhere in my page i have this component
>>>>>>>
>>>>>>> <pote name="1" items="(%items%)"></pote>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> All of this works very well outside web2py.
>>>>>>>
>>>>>>> Inside web2py i get a blank page and in chrome dev tools i see that
>>>>>>> <pote name="1" items="(%items%)"></pote>
>>>>>>> was translated to
>>>>>>> <pote name="1" items="[object Object],[object Object]"></pote>
>>>>>>>
>>>>>>> instead of
>>>>>>>
>>>>>>> <pote name="1">
>>>>>>> <span class="label label-info">1</span>
>>>>>>> <div>
>>>>>>> <ul class="sortable-list ui-sortable">
>>>>>>> </ul>
>>>>>>> </div></pote>
>>>>>>>
>>>>>>> the items object have to elements each a json object.
>>>>>>>
>>>>>>> What could be the problem ?
>>>>>>>
>>>>>>> I suspect that the
>>>>>>>
>>>>>>> <script type="text/x-template" id="pote">
>>>>>>> is not being correctly interpteted.
>>>>>>>
>>>>>>> Any comments would be very appreciated.
>>>>>>>
>>>>>>> Thank you
>>>>>>>
>>>>>>> António
>>>>>>>
>>>>>>> --
>>>>> Resources:
>>>>> - http://web2py.com
>>>>> - http://web2py.com/book (Documentation)
>>>>> - http://github.com/web2py/web2py (Source code)
>>>>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>>>>> ---
>>>>> You received this message because you are subscribed to the Google
>>>>> Groups "web2py-users" group.
>>>>> To unsubscribe from this group and stop receiving emails from it, send
>>>>> an email to web2py+un...@googlegroups.com.
>>>>> For more options, visit https://groups.google.com/d/optout.
>>>>>
>>>>
>>>> --
> Resources:
> - http://web2py.com
> - http://web2py.com/book (Documentation)
> - http://github.com/web2py/web2py (Source code)
> - https://code.google.com/p/web2py/issues/list (Report Issues)
> ---
> You received this message because you are subscribed to the Google Groups
> "web2py-users" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to web2py+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/d/optout.
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
