Javascript jquery数据表FNDUPDATE还是fnDraw?
当我按下按钮时,第六列是一个按钮(启用或禁用取决于第二列) 启用按钮第2列和第6列都应该更改,下面是我所做的:Javascript jquery数据表FNDUPDATE还是fnDraw?,javascript,jquery,datatables,Javascript,Jquery,Datatables,当我按下按钮时,第六列是一个按钮(启用或禁用取决于第二列) 启用按钮第2列和第6列都应该更改,下面是我所做的: <tbody> <logic:iterate id="mdataenv" name="metadataEnvList"> <tr id='<bean:write name="mdataenv" property="interfaceEnvironment"/>'>
<tbody>
<logic:iterate id="mdataenv" name="metadataEnvList">
<tr id='<bean:write name="mdataenv" property="interfaceEnvironment"/>'>
<td><bean:write name="mdataenv" property="interfaceEnvironment"/></td>
<td><bean:write name="mdataenv" property="disabled"/></td>
<td><bean:write name="mdataenv" property="creatorName"/></td>
<td class="center"><ichtml:dtfmt vDate="${mdataenv.createdAt}"/></td>
<td><bean:write name="mdataenv" property="updaterName"/></td>
<td class="center"><ichtml:dtfmt vDate="${mdataenv.updatedAt}"/></td>
<logic:equal value="T" name="mdataenv" property="disabled" >
<td class="center">
<html:link href="JavaScript:void()" styleClass="button enable" style="margin:10px;margin-right:30px;">Enable</html:link>
</td>
</logic:equal>
<logic:notEqual value="T" name="mdataenv" property="disabled" >
<td class="center">
<html:link href="JavaScript:void()" styleClass="button delete" style="margin:10px;margin-right:30px;">Disable</html:link>
</td>
</logic:notEqual>
</tr>
</logic:iterate>
</tbody>
使可能
使残废
JS代码:
$('#saiMdataEnvListTable .enable').on('click', function() {
var ans = confirm("Do you want to enable this Environment?");
if(ans==true){
var nRow = $(this).parents('tr')[0];
alert(nRow.id);
var target_row = $(this).closest("tr").get(0);
var aPos = oTable.fnGetPosition(target_row);
alert(aPos);
oTable.fnUpdate('F',aPos,1);
oTable.fnUpdate('<td class="center"><html:link href="JavaScript:void()" styleClass="button delete" style="margin:10px;margin-right:30px;">Disable</html:link></td> ',aPos,6);
alert("After fnUpdate .........");
$.ajax({
url: "enableEnv.do",
data: "env=" + nRow.id + "&flagt=" + "F",
success: function(response) {
toastr.success(response.message);
}
})
// oTable.fnDraw();
}
});
$('#saimdataenvlistable.enable')。在('click',function(){
var ans=confirm(“是否要启用此环境?”);
如果(ans==true){
var nRow=$(this.parents('tr')[0];
警报(nRow.id);
var target_row=$(this).closest(“tr”).get(0);
var aPos=可旋转的.fGetPosition(目标行);
警报(aPos);
可旋转。FN更新('F',aPos,1);
oTable.fnUpdate('Disable',aPos,6);
警报(“更新后……);
$.ajax({
url:“enablenv.do”,
数据:“env=“+nRow.id+”&flagt=“+F”,
成功:功能(响应){
toastr.success(response.message);
}
})
//oTable.fnDraw();
}
});
一切正常,但第6列中的按钮没有使用classes按钮和delete进行渲染,这是一张图片:
非常感谢您的帮助。是服务器端标签。它将被翻译成不同的html元素,在本例中为aPos,6);
oTable.fnUpdate('<td class="center"><a href="JavaScript:void()" class="button delete" style="margin:10px;margin-right:30px;">Disable</a></td> ',aPos,6);