- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
嘿,我现在正在使用 L5 和 yajra/datatables 插件,一切正常,直到我创建删除按钮来删除记录,删除按钮不起作用
这是我的 Controller :
public function data()
{
$news = DB::table('news')
->join('users', 'news.user_id', '=', 'users.id')
->select(['news.id', 'news.judul', 'news.gambar', 'users.name']);
return Datatables::of($news)
->addColumn('action', function ($id) {
return '<a href="news/' . $id->id . '/edit" class="btn btn-primary">Edit</a>
<button class="btn-delete" data-remote="/news/' . $id->id . '">Delete</button>';
})->make(true);
}
这是我的 JS:
var table = $('#news-table').DataTable({
processing: true,
serverSide: true,
ajax: '{!! route('news.data') !!}',
columns: [
{
"className": 'details-control',
"orderable": false,
"data": null,
"defaultContent": ''
},
{data: 'id', name: 'news.id'},
{data: 'judul', name: 'news.judul'},
{data: 'name', name: 'users.name'},
{data: 'action', name: 'action', orderable: false, searchable: false}
],
order: [[1, 'asc']]
});
//problem starts here
$('#news-table').DataTable().$('.btn-delete[data-remote]').on('click', function (e) {
e.preventDefault();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var url = $(this).data('remote');
// confirm then
$.ajax({
url: url,
type: 'DELETE',
dataType: 'json',
data: {method: '_DELETE', submit: true}
}).always(function (data) {
$('#news-table').DataTable().draw(false);
});
});
btn-delete[data-remote] 的 JS 事件不工作,它在控制台中没有返回错误,但是当我点击它时没有任何反应
最佳答案
它可能不起作用,因为当您将点击事件绑定(bind)到表格时,其中没有任何元素。因此不可能在名为 .btn-delete[data-remote]
的元素上绑定(bind)点击事件。
如果你在表格上绑定(bind)点击事件并让它在点击 .btn-delete[data-remote]
时触发,也许它会起作用,比如:
$('#news-table').on('click', '.btn-delete[data-remote]', function (e) {
e.preventDefault();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
var url = $(this).data('remote');
// confirm then
$.ajax({
url: url,
type: 'DELETE',
dataType: 'json',
data: {method: '_DELETE', submit: true}
}).always(function (data) {
$('#news-table').DataTable().draw(false);
});
});
// or maybe this
$('#news-table').DataTable().on('click', '.btn-delete[data-remote]', function (e) {
......
});
关于javascript - Laravel yajra/Datatables 操作删除不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34370240/
今天有小伙伴给我留言问到,try{...}catch(){...}是什么意思?它用来干什么? 简单的说 他们是用来捕获异常的 下面我们通过一个例子来详细讲解下
我正在努力提高网站的可访问性,但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接,因
说现在是 6 点,我有一个 Timer 并在 10 点安排了一个 TimerTask。之后,System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我就废话不多说了,大家还是直接看代码吧~ ? 1
Maven系列1 1.什么是Maven? Maven是一个项目管理工具,它包含了一个对象模型。一组标准集合,一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。 核心功能 Mav
我是一名优秀的程序员,十分优秀!