[英]How do I get the value from <input type=date> inside a cell in jQuery DataTables?
[英]How do i get a value from a cell in jquery datatables clicking on dropdown inside a row
我有一个动态创建的数据表,该表使用jQuery数据表以及带有ajax和JSON的服务器端处理。 实际上,我想出了如何使用mRender向每行添加一个下拉列表。 现在,ich有了下一个问题。 如果用户单击“编辑”之类的下拉选项,则需要
我怎样才能做到这一点? 以及如何在下拉按钮中添加事件监听器? (对不起,我是jQuery和JS的新手)
这是数据表的代码
<script type="text/javascript">
$(document).ready(function(){
var ctx = "${pageContext.request.contextPath}";
var oTable = $('#usertable').dataTable(
{"processing":true,
sAjaxDataProp: "",
"ajax": {
"url": ctx+"/fetchuser",`
"type": "GET"
},
"aoColumns": [
{ "mData": "id" },
{ "mData": "senderFullName" },
{ "mData":"userName" },
{ "mData": "userLastLogin" },
{ "mRender":
function(data, type, full) {
return '<div class="dropdown">'+'<button class="btn btn-default dropdown-toggle" type="button"data-toggle="dropdown">Actions'+
'<span class="caret"></span></button>'+
'<ul class="dropdown-menu">'+
'<li><a href="#">Edit</a></li>'+
'<li><a href="#">Delete</a></li>'+
'<li><a href="#">Block</a></li>'+
'</ul>'+
'</div>'
},"bSortable" : false }
]
});
});
</script>
谢谢
第一个错误是,当我尝试获取混合字符的ID(唯一ID)时,第二个错误是,当我尝试获取仅包含一个数字(例如“ 1”)的测试ID时
我想你可以这样尝试。
<li><a href="#" onclick="return Edit('+full.id+')">Edit</a></li>
而且比写这样的JavaScript函数
function Edit(id) //here you will get id of your row
{
//here is your ajax call for servlet or any other code
}
试试这个:
<script type="text/javascript">
$(document).ready(function(){
var ctx = "${pageContext.request.contextPath}";
var oTable = $('#usertable').dataTable(
{"processing":true,
sAjaxDataProp: "",
"ajax": {
"url": ctx+"/fetchuser",`
"type": "GET"
},
"aoColumns": [
{ "mData": "id" },
{ "mData": "senderFullName" },
{ "mData":"userName" },
{ "mData": "userLastLogin" },
{ "mRender":
function(data, type, full) {
return '<div class="dropdown">'+'<button class="btn btn-default dropdown-toggle" type="button"data-toggle="dropdown">Actions'+
'<span class="caret"></span></button>'+
'<ul class="dropdown-menu">'+
'<li><a href="#" onclick="return Edit('+full.id+')">Edit</a></li>'+
'<li><a href="#">Delete</a></li>'+
'<li><a href="#">Block</a></li>'+
'</ul>'+
'</div>'
},"bSortable" : false }
]
});
});
function Edit(id) //here you will get id of your row
{
console.log(id);
//here is your ajax call for servlet or any other code
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.