Jquery数据表可编辑选择/删除错误
我正在使用一个由HTML组成的数据表,还使用sAjaxSource,然后应用MakeEditable对其进行编辑。但当数据表加载时,它会显示错误(结果集中只有一行,所以不确定这是否有问题) 这是我得到的错误:Jquery数据表可编辑选择/删除错误,jquery,html,ajax,twitter-bootstrap,datatables,Jquery,Html,Ajax,Twitter Bootstrap,Datatables,我正在使用一个由HTML组成的数据表,还使用sAjaxSource,然后应用MakeEditable对其进行编辑。但当数据表加载时,它会显示错误(结果集中只有一行,所以不确定这是否有问题) 这是我得到的错误: TypeError: 'undefined' is not a function (evaluating '$(".table-action-deletelink", oTable).live') 这是我的HTML代码,它位于引导选项卡中 <button id="btnDelete
TypeError: 'undefined' is not a function (evaluating '$(".table-action-deletelink", oTable).live')
这是我的HTML代码,它位于引导选项卡中
<button id="btnDeleteRow">Delete</button>
<div class="tab-pane fade in active" id="info">
<p>
<table id="user_info_table">
<thead>
<tr>
<th>User ID</th>
<th>First Name</th>
<th>Last Name</th>
<th>E-mail Address</th>
</tr>
</thead>
</table>
</p>
</div>
以下是来自AJAX调用的JSON响应:
{"aaData":[{"id":"5","first_name":"John","last_name":"Lee","email":"jlee@yahoo.com"}]}
我可以看到数据表上的数据正在显示,但当它显示出来时,控制台中显示了该错误。我调查了一下,发现它在寻找一个名为.table action deletelink的类。这是用于内联删除的,但我不希望这样创建按钮。
任何帮助都将不胜感激。嗯,让它在这里工作 我唯一更改的是jquery.datatables.editable.js中的.live eventhandlers改为.on,因为自jquery 1.7以来,它们已被弃用 所以我三次都是
$(".table-action-editlink", oTable).live("click", function (...
致:
也许这是给你的错误,因为它直接关系到你的错误信息
使用plunker中我的jquery.datables.editable.js补丁版本,如果您使用的是jquery>=1.7,请尝试一下
呃,忘记了:当然,更新/删除的实际ajax调用在这个plunker中不起作用,因为我不能在那里进行服务器端处理:-)
更新:
如果要稍微突出显示选定行,请将此添加到style.css:
table.dataTable tr.row_selected {
background-color: #C9DDE1;
}
请注意,这可能会与其他css定义冲突。这完全消除了错误thx!但是你知道我怎样才能让select工作吗?当我点击该行时,我希望它选择该行并更改颜色并高亮显示该行。谢谢。我也不知道这个怎么样:
$(".table-action-editlink", oTable).on("click", function (...
table.dataTable tr.row_selected {
background-color: #C9DDE1;
}