新しいデータ属性を div に入れようとしています。すべて問題なく、jquery で設定できますが、その中に新しいものを生成するには、その div をリロードする必要があります。ユーザーが新しいダッシュボードを選択するたびに、新しい PowerBI ダッシュボードを作成しようとしています。それを行うためにpowerbi.jsライブラリを使用しています。最初にページが厳密なデータ属性で読み込まれると、すべてのページをリロードせずにページ内で変更する方法を考えています。
$('#Report').attr('powerbi-access-token', apptoken);
$(".btn-success").click(function(){
var getValue = $(this).attr('atributas');
var listData = <?php echo json_encode($listas);?>;
var fubar = ((listData[getValue]['name']));
$('#Report').hide();
$('#Report').attr('powerbi-report', listData[getValue]['id']);
$('#Report').attr('powerbi-embed', listData[getValue]['embedUrl']);
$("#Report").hide().fadeIn('fast');
$('#Report').show();
$('#Report').reload();
});
});
</script>
<div class="side-body padding-top">
<script>window.powerbi = window.powerbi || {};</script>
<div id="Report" powerbi-access-token=""
powerbi-embed="https://embedded.powerbi.com/appTokenReportEmbed?reportId=2a647e7f-6103-4ace-a2fa-dasdasd"
powerbi-report="589bacd1-aa9c-47aa-987b-asdasd" style="height:859px">
</div>