İçereği Atla
Menü
Bu soru işaretlendi
1 Cevapla
2951 Görünümler

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
Vazgeç
En İyi Yanıt

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
Vazgeç
İlgili Gönderiler Cevaplar Görünümler Aktivite
1
Kas 24
1586
5
Tem 24
92838
1
Ara 23
3015
1
May 22
3603
0
Oca 20
2857