javascript - 单击数据表中的行按钮后如何防止页面刷新?
问题描述
我在我的 ASP MVC Net Core 项目中使用 DataTables 1.10.22 (Bootstrap),点击数据表中的行按钮后如何防止页面刷新?
=== JS 代码片段 ===
@section PageScripts {
<script type="text/javascript">
$('#datagrid').on('click', '.Mybtn', function () {
alert('button clicked'); ---> page refreshing after this, why
});
$(document).ready(function () {
$.ajax({
type: "GET",
url: "/test/testAsync/",
data: param = "",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: successFunc,
error: errorFunc
});
function successFunc(data, status) {
$('#datagrid').DataTable({
searching: false, paging: false, info: false,
data: data.filter(function (item) {
return item.selected == true;
}),
'select': {
'style': 'multi'
},
columns: [
{ data: 'agent_code', className: 'align-middle' },
{
"data": null,
"defaultContent": "<button class='Mybtn'>Click me</button>",
"className": 'text-center align-middle'
}
]
});
}
解决方案
推荐阅读
- ruby-on-rails - 每当基于模型的特定时间 gem cronjob
- android-ndk - 编译arm代码的严重clang错误
- r - 如何根据条件消除匹配模式
- javascript - 如果单选按钮未选中,则使用 JavaScript 自动检查另一个单选按钮
- python - 尚不清楚“GridSearchCV”函数如何分解训练集和测试集
- javascript - Ionic 3 键盘盖(覆盖) 聚焦离子输入元件
- wpf - 仅当单击另一个按钮时才启用按钮 wpf datagrid
- cumulocity - 需要互连传感器工作的示例,即当一个传感器触发另一个传感器的动作/工作时
- python - 如何对具有两个返回值的函数进行单元测试?
- javascript - Spring and Angular - 非常简单的 REST 请求