Přejít na obsah
Menu
You need to be registered to interact with the community.
This question has been flagged
1 Odpovědět
2958 Zobrazení

Any clue how to modify below div to include by inharitance following <li> tag?

<li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id"

            t-att-data-interval="'hour'">Hour</a></li>    :



<div t-name="field_selection" class="dropdown">

<span class="btn btn-default field-selection dropdown-toggle" data-toggle="dropdown"></span>

      <ul class="dropdown-menu multi-level" role="menu">

  <t t-foreach="fields" t-as="field">

             <t t-if="(field.type === 'date') || (field.type === 'datetime')">

                <li class="graph-dropdown-submenu">

                   <a class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-

                                data-interval="'month'" href="#">

                      <t t-esc="field.value"/>

                          </a>

                          <ul class="dropdown-menu">

                                <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-

                                       id="header_id" t-att-data-interval="'day'">Day</a></li>

                                <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data- 

                                       id="header_id" t-att-data-interval="'week'">Week</a></li>

                                <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-

                                      id="header_id" t-att-data-interval="'month'">Month</a></li>

                                <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-

                                      id="header_id" t-att-data-interval="'quarter'">Quarter</a></li>

                        </ul>

                    </li>
                </t>
Avatar
Zrušit
Nejlepší odpověď

Hello Jakub,


You can navigate to the element inside which you want to add extra content by using xpath expr.

Here you can use "t-name" to find the main element and then the child element using "class" inside which you want to append your content.  



<xpath expr="//div[@t-name='field_selection']//ul[contains(@class, 'dropdown-menu')]" position="inside">

<li>

<a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'hour'">

Hour

</a>

</li>

</xpath>


Note: Please make sure that your main element has unique id or class or else it will append the content where ever the path is matched.


Also this code is not tested so you might require minor modifications to the path.

Regards,




Email:   odoo@aktivsoftware.com

Skype: kalpeshmaheshwari

   

Avatar
Zrušit
Related Posts Odpovědi Zobrazení Aktivita
1
lis 24
1592
5
čvc 24
92848
1
pro 23
3018
1
kvě 22
3608
0
led 20
2859