Dear visitor, despite the COVID-19 outbreak, our team continues operating at full speed.

Also, here is the form where you can apply for a special discount and we will contact you with possible options. Stay safe and continue achieving your business goals.

Fill the form
Get Free Trial
Get Free Trial

Two pivots with tab pane

Resolved
Jose Antonio Veintimilla asked on February 16, 2018

Hello good afternoon.

I have the following problem: I have two pivot instances mounted and interact with them using tabs:
<div class=”tabbable”>
                    <div class=”tab-content”>
                        <div class=”tab-pane fade in active” id=”tablaDinamica”>
                            <div id=”panelPivot” class=”col-lg-12″ style=”width: 100%; height: 100%;”>
                                 <div id=”pivotContainer”></div>
                            </div>
                        </div>
                        <div class=”tab-pane fade” id=”nominalPane”>
                            <div id=”panelNominal” class=”col-lg-12″ style=”width: 100%; height: 100%;”>
                                 <div id=”nominalContainer”></div>
                            </div>
                        </div>
                    </div>
                </div>
I have a function that loads the second pivot when I click on a cell in the first one.

in the function I have the method pivot2.updateData ({data: data}) but is not able to update this data. If instead of calling the object pivot2 I call pivot or flexmonster I update the first pivot, therefore I understand that it works well, I am not able to update the second pivot.
example:
var pivot1
var pivot2

function chargePivots(){
    pivot = new Flexmonster({
        …..
    })
    pivot2 = new Flexmonster({
        ….
    })
}

function chargeNominal(){
    ajax….
    return data….
    var datos = ajax.responseText
    pivot2.updateData({data: datos})
}
Can you help me?

Thank you very much.
 

1 answer

Public
Dmytro Zvazhii Flexmonster February 19, 2018

Hello Jose,
Thank you for your question. We have prepared an example of how to integrate pivot with tabs. You can find it here – https://jsfiddle.net/flexmonster/t1L42hr0/.
Please let us know if everything works fine for you.
Regards,
Dmytro

Please login or Register to Submit Answer