Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquerydatatable构建主细节网格_Jquery_Ajax_Asynchronous_Datatables 1.10 - Fatal编程技术网

使用jquerydatatable构建主细节网格

使用jquerydatatable构建主细节网格,jquery,ajax,asynchronous,datatables-1.10,Jquery,Ajax,Asynchronous,Datatables 1.10,我使用jQuery datatable作为网格,现在我想显示主详细信息 (订单-订单详情) 取决于主ID(创建细节表的ajax调用) 我所发现的 哪个是静态字符串 我的要求可能吗 谢谢您可以在呈现扩展行信息之前执行ajax请求 创建一个接受行信息的函数和一个将呈现扩展行信息的回调函数 在函数内部执行ajax回调,并在成功调用时使用格式化数据呈现回调 代码示例基于示例链接代码: /*行详细信息的格式化功能-根据需要进行修改*/ 函数格式(d){ //`d`是该行的原始数据对象 返回“”+ ''+

我使用jQuery datatable作为网格,现在我想显示主详细信息 (订单-订单详情) 取决于主ID(创建细节表的ajax调用) 我所发现的 哪个是静态字符串 我的要求可能吗


谢谢

您可以在呈现扩展行信息之前执行ajax请求

创建一个接受行信息的函数和一个将呈现扩展行信息的回调函数

在函数内部执行ajax回调,并在成功调用时使用格式化数据呈现回调

代码示例基于示例链接代码:

/*行详细信息的格式化功能-根据需要进行修改*/
函数格式(d){
//`d`是该行的原始数据对象
返回“”+
''+
'全名:'+
''+d.name+''的+
''+
''+
'分机号码:'+
“+d.extn+”+
''+
''+
'额外信息:'+
'以及此处的任何进一步细节(图像等)…'+
''+
'';
}
函数loadAjaxInfo(数据,回调){
$.ajax({
...
数据:{/*将您的请求针放在这里*/},
...
成功:功能(响应){
回调(格式(响应));
}
})
}
$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
“ajax”:“./ajax/data/objects.txt”,
“栏目”:[
{
“className”:“详细信息控制”,
“可订购”:错误,
“数据”:空,
“defaultContent”:”
},
{“数据”:“名称”},
{“数据”:“位置”},
{“数据”:“办公室”},
{“数据”:“工资”}
],
“订单”:[[1,‘asc']]
} );
//为打开和关闭详细信息添加事件侦听器
$(#示例tbody')。在('click','td.details control',函数(){
var tr=$(this.nexist('tr');
var行=表.行(tr);
if(row.child.isShown()){
//此行已打开-关闭它
row.child.hide();
tr.removeClass(“显示”);
}
否则{
loadAjaxInfo(row.data(),函数(formattedContent){
//打开这一排
row.child(formattedContent.show();
tr.addClass(“显示”);
});
}
} );
} );

我只将其添加到格式化代码示例中。使用它来实现您自己的逻辑抱歉,我现在会尝试并给您反馈它工作良好,但不是我想要的方式,所以我想要的是详细信息是一个数据表有自己的事件排序-筛选-搜索一个真实的数据表是可能的,因为我需要在详细信息上添加一个删除按钮,删除将要删除的选定详细信息对html表不容易,我希望有一种方法,谢谢你
datatable
没有提供这种可能性,我知道。尝试在
格式(响应)
上的
loadAjaxInfo
中创建数据表,返回结果。或者在执行
row.child(formattedContent.show())之后,对生成的代码进行一些引用,并在datatable上尝试init