Question

function populateWidgets(dashboardname){

$("#widgets").empty();
var widgets=dashboard[dashboardname];
for(var i=0; i< widgets.length ; i++){
$("#widgets").append('<li><button class="widgetbutton"><span><font color="blue"><font size=2px><b>'+widgets[i]+'</b></font></font></span></button></li>');
}
function buttonOnclick(e){
console.log();
var new_dashboard={
dashboard_selected: dashboardname,
widget_selected: e.currentTarget.innerText
}
postdata(new_dashboard); 
}
$('button').click(buttonOnclick);
}
function postdata(new_dashboard){
$.post( "/geckoapi", new_dashboard).done(function(dashboardname) {
alert( "Dashboard and Widget Loaded: " + dashboardname);
});
}

这是我的代码中的一部分，用于制作包含所点击的仪表板和小部件的警报框。我想知道在警报按钮上我们只提供仪表板名称（功能），但在警告框中我们获得仪表板名称以及小部件名称。怎么可能？

Answer 1

以下是它的工作原理，

此语句返回所选仪表板的小部件。

var widgets=dashboard[dashboardname];

在这里，我们添加了包含小部件名称的按钮。

$("#widgets").append('<li><button class="widgetbutton"><span><font color="blue"><font size=2px><b>'+ widgets[i] +'</b></font></font></span></button></li>');

在下面的事件处理程序中，我们获取仪表板名称，它是populateWidgets函数和窗口小部件名称中的参数，该名称位于单击的按钮本身中。

function buttonOnclick(e){
  console.log();
  var new_dashboard={
    dashboard_selected: dashboardname,
    widget_selected: e.currentTarget.innerText
  }
  postdata(new_dashboard); 
}

使用包含警报框的按钮下拉框及其元素

1 个答案: