Two pivots with tab pane

Resolved

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