Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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
Javascript jQuery数据表和不同类型的按钮_Javascript_Jquery_Twitter Bootstrap_Datatable - Fatal编程技术网

Javascript jQuery数据表和不同类型的按钮

Javascript jQuery数据表和不同类型的按钮,javascript,jquery,twitter-bootstrap,datatable,Javascript,Jquery,Twitter Bootstrap,Datatable,我正在努力使用jQuery数据表和一些jQuery。我有一个引导按钮,单击该按钮可使用数据目标属性打开特定模式: <button type='button' id='Table' class='btn btn-success' data-toggle='modal' data-target='#ModalDeactivate'>Active</button> 请注意按钮class和data target已更改。如何做到这一点?您可以使用数据字段的状态(在我的例子中,此时

我正在努力使用jQuery数据表和一些jQuery。我有一个引导按钮,单击该按钮可使用
数据目标属性打开特定模式:

<button type='button' id='Table' class='btn btn-success' data-toggle='modal' data-target='#ModalDeactivate'>Active</button>
请注意按钮
class
data target
已更改。如何做到这一点?您可以使用数据字段的状态(在我的例子中,此时设置为
null

$(文档).ready(函数(){
$('#示例')。数据表({
“bServerSide”:正确,
“sAjaxSource”:“Data/AjaxHandler”,
“aoColumns”:[
{“sName”:“待定”},
{“sName”:“已激活”},
{
“sName”:“激活/停用”,
“目标”:-1,
“数据”:空,
“defaultContent”:“活动”
}
]
});
});

如果我理解正确-即您希望根据前两行值在最后一行显示一个按钮-您可以使用:

{
"targets": -1,
"data": null,
"render": function ( data, type, full) {
        if(full[0] == '1'){
            return "<button type='button' id='Table' class='btn btn-success' data-toggle='modal' data-target='#ModalDeactivate'>Active</button>";
        }
        if(full[1] == '1'){
            return "<button type='button' id='Table' class='btn btn-warning' data-toggle='modal' data-target='#ModalDeactivate'>Pending</button>";
        }
    }
}
{
“目标”:-1,
“数据”:空,
“渲染”:函数(数据、类型、完整){
如果(完整[0]==“1”){
返回“活动”;
}
如果(完整[1]=='1'){
返回“待定”;
}
}
}
full[1]
full[2]
是在呈现按钮之前检查的挂起和激活行值


检查此示例,了解工作示例

这很好,我认为这基本上回答了问题,但有一个快速问题,如果我不显示挂起或激活,此方法是否仍然有效?它应该按原样工作
full
是行的完整数据源,因此
full[1]
是第一个值,
full[2]
是第二个值,等等。实际上,我认为它是零索引的,所以第一个值应该是
full[0]
等等。是的,我收集到了这一点,我担心的是我正在考虑不在表中显示这些字段。所以我只是想知道它是否来自数据源,而不是实际呈现的表。因为“render”有点误导。它们不一定是显示的值,但它们在行的数据源中
$(document).ready(function () {
    $('#example').dataTable({
        "bServerSide": true,
        "sAjaxSource": "Data/AjaxHandler",
        "aoColumns": [
                        { "sName": "Pending" },
                        { "sName": "Activated" },
                        {
                            "sName": "Activate/Deactivate",
                            "targets": -1,
                            "data": null,
                            "defaultContent": "<button type='button' id='Table' class='btn btn-success' data-toggle='modal' data-target='#ModalDeactivate'>Active</button>"
                        }
                    ]
    });
});
{
"targets": -1,
"data": null,
"render": function ( data, type, full) {
        if(full[0] == '1'){
            return "<button type='button' id='Table' class='btn btn-success' data-toggle='modal' data-target='#ModalDeactivate'>Active</button>";
        }
        if(full[1] == '1'){
            return "<button type='button' id='Table' class='btn btn-warning' data-toggle='modal' data-target='#ModalDeactivate'>Pending</button>";
        }
    }
}