Wow thanks Vlad! I didn't hope for such a full explanation, but this will
be appreciated by anyone following the thread.
All the best.
On Thursday, 16 May 2019 17:04:13 UTC+1, Vlad wrote:
>
> Yes sure:
>
> My issue was the menu item with "Cart (X)" menu item where X indicated how
> many items were currently in the cart. Since the cart was updated with ajax
> calls - I needed to update that menu item.
>
> This is what I've changed in the menu construction in the layout.html :
>
> <li class="nav-item {{if _item[1]:}}active{{pass}}">
> {{if _item[0].startswith('Cart ('):}}
> <a class="nav-link" id="CartMenuItem"
> href="{{=_item[2]}}">{{=_item[0]}}</a>
> {{else:}}
> <a class="nav-link"
> href="{{=_item[2]}}">{{=_item[0]}}</a>
> {{pass}}
> </li>
>
> This if-else logic takes care of giving a proper ID to the element I need
> to update.
>
> The menu.py got a small addition to its response.menu += part:
>
> ('Cart (' + str(howManyItemsInCart()) + ")", False, URL('cart','show'),
> []),
>
> Where howManyItemsInCart() is communicating with the database and is
> located in the model file.
>
> The catalog view got the following in the table of products:
>
> <td><button type="button" class="btn btn-link"
> onclick="var url='{{=URL('cart','plus',args=[item['product.id
> '],1],vars={'price':item['product.price'],'target':'Item'+str(item['
> product.id'])})}}';ajax(url,[],':eval');">Add/Remove</button></td>
> <td><div id="Item{{=item['product.id']}}">{{=isInCartRep(aBunch,item['
> product.id'])}}</div></td>
>
> Clicking Add/Remove adds an item to the cart when it's not there
> beforehand, and removes it if it's already there.
>
> The function plus() which is ajax-called from the view (on Add/Remove
> click) returns some javascript to be executed (this allows to update
> multiple targets - the beauty of :eval option in ajax function):
>
> final_result =
> "document.getElementById('CartMenuItem').innerHTML='Cart (" + \
> str(CartCount())+ \
> ")';document.getElementById('" + \
> target + \
> "').innerHTML='"+result+"';"
>
> So this updates the status (eiher 'added' or 'removed') and also the menu
> item text to the current cart quantity.
>
> It's pretty straightforward, but somehow it took me time to figure out how
> to address that menu item as it's created dynamically...
>
> This kind of stuff makes our work enjoyable :)
>
> Thank you for the inquiry!
>
> On Thursday, May 16, 2019 at 7:24:45 AM UTC-4, villas wrote:
>>
>> Hi Vlad,
>> It is great that you resolved this problem.
>> Many of us use this group to search and learn from each other's
>> experiences, and it can be frustrating to read a thread of messages and
>> then simply see 'resolved' at the bottom.
>> If you have time, it would be interesting and helpful to know briefly
>> what you did. I mean just an executive summary.
>> Many thanks!
>>
>>
>> On Thursday, 16 May 2019 01:58:26 UTC+1, Vlad wrote:
>>>
>>> Never mind,
>>> Resolved...
>>>
>>> On Wednesday, May 15, 2019 at 8:43:44 PM UTC-4, Vlad wrote:
>>>>
>>>> I didn't say it precisely. By web2py controlling it I meant that it's
>>>> dynamic and changes all the time - it's not static that I could assign
>>>> certain id to some item...
>>>>
>>>> On Wednesday, May 15, 2019 at 7:55:26 PM UTC-4, Vlad wrote:
>>>>>
>>>>> Sometimes I need to change the menu without reloading the page.
>>>>>
>>>>> More specifically:
>>>>>
>>>>> response.menu = [
>>>>> .........................
>>>>> .........................
>>>>> ('Cart (' + str(howManyItemsInCart()) + ")", False,
>>>>> URL('catalog','cart'), []),
>>>>> ]
>>>>>
>>>>> I do control the event when the cart content changes (without
>>>>> reloading the page), so javascript can be inserted there; I just don't
>>>>> know
>>>>> how to "address" that menu item, as I don't manage it - web2py does -
>>>>>
>>>>> How would I accomplish this? ...
>>>>>
>>>>
--
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].
To view this discussion on the web visit
https://groups.google.com/d/msgid/web2py/dc5693a2-ba77-4886-b221-b1618aa31a07%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
