我有这个项目给我 该项目的设计基于 javaScript 函数,java 脚本在名为 Admin.Master 的母版页上调用。 用于设计的 javascript 函数由两个 webform rewardPoints.aspx 和 Transactions.aspx 共享
现在我的问题是如何在 Transaction.aspx 中的 btnExportExcel 中添加点击事件
我的java脚本函数:
function TransSearchControls(page, cs) {
var html = "";
var display = (cs == "all") ? "inline-block" : "none";
html += "<div class='col-xs-12 body'>";
html += "<div class='col-xs-1 text-left' style='margin-top:5px'>Filter/s:</div>";
html += "<div class='col-xs-6 col-sm-2'><input type='text' class='input-sm form-control trans-controls-txt-search' placeholder='Search Employee' /></div>";
html += "<div class='col-xs-6 col-sm-2' style='display:" + display + "'><select class='input-sm slctSoaFilter form-control' >";
html += "<option value='all' selected disabled>Select Transactions</option>";
html += "<option value='all'>All</option>";
html += "<option value='redeem'>Redeemed</option>";
html += "<option value='earn'>Earned</option>";
html += "</select></div>";
html += "<div class='col-xs-1 text-right' style='margin-top:5px'>Date/s:</div>";
html += "<div class='col-xs-5 col-sm-2'><input type='date' class='input-sm form-control dateFrom' /></div>";
html += "<div class='col-xs-5 col-sm-2'><input type='date' class='input-sm form-control dateTo' /></div>";
html += "<div class='col-xs-6 col-sm-2'><button class='btn btn-sm btn-primary btnSearchTrans form-control' type='button' page='" + page + "'><span class='glyphicon glyphicon-search'></span> Search</button></div>";
html += "</div>";
if (page == "Transactions") {
html += "<div class='col-xs-12' style='margin-top:10px'>";
html += "<button type='button' class='btn btn-sm btn-danger' id='btnExportExcel'><span class='glyphicon glyphicon glyphicon-import'></span> Export Excel</button>";
html += "<span class='filename-container'></span>";
html += "</div>";
}
if (page == "RewardPoints") {
html += "<div class='col-xs-12' style='margin-top:10px'>";
html += "<button type='button' class='btn btn-sm btn-primary' id='btnAddPoints'><span class='glyphicon glyphicon-plus-sign'></span> Add Points</button> ";
html += "<button type='button' class='btn btn-sm btn-danger' id='btnImportExcel'><span class='glyphicon glyphicon glyphicon-import'></span> Import Excel</button>";
html += "<span class='filename-container'></span>";
html += "</div>";
}
我想在里面的按钮上添加onclick事件
if (page == "Transactions")
这是我的 Transaction.aspx 中函数调用的方式
<script>
$(document).ready(function () {
$(".menu-title").html('<span class="glyphicon glyphicon-transfer"></span> Transactions');
$(".inner-menu-title").html('<span class="glyphicon glyphicon-sort-by-attributes-alt"></span> List of Employee Transactions');
$(".transactions .main").addClass("active");
TransSearchControls("Transactions", "all");
var url = "&EmpName=&DateFrom=" + DefaultDate("from") + "&DateTo=" + DefaultDate("to");
GetTransactions("Transactions", "all", url);
$('.dateFrom').val(DefaultDate("from"));
$('.dateTo').val(DefaultDate("to"));
});
</script>
我希望你明白我的意思我不擅长英语
最佳答案
您需要向 html 按钮元素添加一个 onclick
事件。
所以它看起来像这样:
html += "<button type='button' onclick='TransactionsEvent()' class='btn btn-sm btn-danger' id='btnExportExcel'><span class='glyphicon glyphicon glyphicon-import'></span> Export Excel</button>";
然后您必须更新 Javascript 中的函数以匹配:
function TransactionsEvent() {
//do something here
}
关于javascript - 服务器端的 onclick 事件 html 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57519489/