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
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 <[email protected]
> <javascript:>>:
>
>> 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" <[email protected] <javascript:>>
>>> 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/toastr.js'))}}
>>>>
>>>> {{response.files.append(URL(r=request,c='static',f='/js/jquery-ui.js'))}}
>>>>
>>>> *{{response.files.append(URL(r=request,c='static',f='/js/doformind.js'))}}*
>>>> {{response.files.append(URL(r=request,c='static',f='/css/toastr.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 [email protected] <javascript:>.
>> 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 [email protected].
For more options, visit https://groups.google.com/d/optout.
