Здравствуйте, подскажите пожалуйста, есть таблица созданная в plsql, при нажатии на ячейку надо вывести модальное окно с тремя кнопками-датами и они должны быть интерактивными , что бы при нажатии открывался новый отчёт со входным параметром(дата) и этот отчёт должен быть уже как страница Apex , как открыть диалоговое окно с кнопками , а потом с него вернуться на новую стр. Ареx? Спасибо.
<script type="text/javascript">
google.charts.load("current", {packages: ['controls', 'timeline']
});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var container = document.getElementById('dashboard_div');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Position' });
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addRows([
[ 'President', 'George Washington', new Date(1789, 3, 30), new Date(1797, 2, 4) ],
[ 'President', 'John Adams', new Date(1797, 2, 4), new Date(1801, 2, 4) ],
[ 'President', 'Thomas Jefferson', new Date(1801, 2, 4), new Date(1809, 2, 4) ],
[ 'Vice President', 'John Adams', new Date(1789, 3, 21), new Date(1797, 2, 4)],
[ 'Vice President', 'Thomas Jefferson', new Date(1797, 2, 4), new Date(1801, 2, 4)],
[ 'Vice President', 'Aaron Burr', new Date(1801, 2, 4), new Date(1805, 2, 4)],
[ 'Vice President', 'George Clinton', new Date(1805, 2, 4), new Date(1812, 3, 20)],
[ 'Secretary of State', 'John Jay', new Date(1789, 8, 25), new Date(1790, 2, 22)],
[ 'Secretary of State', 'Thomas Jefferson', new Date(1790, 2, 22), new Date(1793, 11, 31)],
[ 'Secretary of State', 'Edmund Randolph', new Date(1794, 0, 2), new Date(1795, 7, 20)],
[ 'Secretary of State', 'Timothy Pickering', new Date(1795, 7, 20), new Date(1800, 4, 12)],
[ 'Secretary of State', 'Charles Lee', new Date(1800, 4, 13), new Date(1800, 5, 5)],
[ 'Secretary of State', 'John Marshall', new Date(1800, 5, 13), new Date(1801, 2, 4)],
[ 'Secretary of State', 'Levi Lincoln', new Date(1801, 2, 5), new Date(1801, 4, 1)],
[ 'Secretary of State', 'James Madison', new Date(1801, 4, 2), new Date(1809, 2, 3)]
]);
chart.draw(dataTable);
// Every time the table fires the "select" event, it should call your
// selectHandler() function.
google.visualization.events.addListener(chart, 'select', selectHandler);
function selectHandler(e) {
var selection = chart.getSelection();
var item1=0;
for (var i = 0; i < selection.length; i++) {
if(i>0){
item1 = selection[i-1];
}
var item = selection[i];
if(dataTable.getFormattedValue(item.row, 0)=="President"){
if (item.row != null) {
var str = dataTable.getFormattedValue(item.row, 3);
var strAvant =addDays(str,-14);
var strApres = addDays(str,14);
var reppport=false;
/*var p = prompt("Entrez la date \n"+strAvant+"\n "+str+"\n "+strApres+ ".",strAvant) ;
if (p!=strExact&&p!=str&&p!=strApres) {
alert ("vous devez entrer la date !...") ;
} else repport=true;
if(repport){
alert (p+' '+strExact) ;
const result=confirm("ouvrir la report " + p);
if (result) {
P3_DATE_RAPPORT=p;
}
}*/
}
}
}
//Aller chercher la date ou les dates.
//Ouvrir une fenêtre avec un URL en passant les dates.
}
function addDays(date,days){
var result= new Date(date);
result.setDate(result.getDate()+days);
return result.toISOString().slice(0,10);
}
}
</script>
<div id="dashboard_div">
<div id="timeline-filter" ></div>
<div id="timeline-chart"></div>
</div>
