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
3217 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
1972
5
čvc 24
93995
1
pro 23
3336
1
kvě 22
4092
0
led 20
3165