Javascript 继续超链接前的数据表验证
我有以下数据表:Javascript 继续超链接前的数据表验证,javascript,jquery,datatables-1.10,Javascript,Jquery,Datatables 1.10,我有以下数据表: $('#tabelOferte').DataTable({ "lengthMenu": [[10, 25, -1], [10, 25, "All"]], "aaSorting": [[0,'desc'], [0,'desc']], processing: true, serverSide: true, ajax: { "url": 'ajaxTabelOferte', "type": "GET",
$('#tabelOferte').DataTable({
"lengthMenu": [[10, 25, -1], [10, 25, "All"]],
"aaSorting": [[0,'desc'], [0,'desc']],
processing: true,
serverSide: true,
ajax: {
"url": 'ajaxTabelOferte',
"type": "GET",
},
columns: [
{data:'id', name:'id', "visible": false, "bSearchable": false },
{data: 'number' ,name: 'numar'},
{data: 'actions', name: 'Actions', "bSearchable": false,
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
$(nTd).html("<a href=edit/"+oData.id+">" + "<Edit>" + </a>"+
" "+
"<a href=print/"+oData.id+">" + "Print" + "</a>"
)
},
}
],
});
$('tabelOferte')。数据表({
“长度菜单”:[[10,25,-1],[10,25,“全部”],
“aaSorting”:[[0,'desc'],[0,'desc'],
处理:对,
服务器端:是的,
阿贾克斯:{
“url”:“ajaxTabelOferte”,
“类型”:“获取”,
},
栏目:[
{数据:'id',名称:'id',“可见”:false,“可搜索”:false},
{数据:'number',名称:'numar'},
{数据:'actions',名称:'actions','bsearcable':false,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
},
}
],
});
在最后一列中有两个链接
我想知道,如果用户单击第一个链接(编辑),首先启动一个java脚本函数来进行一些验证,并且只有验证确定后才能获得链接
如果这可以使解决方案更简单,那么将链接放在单独的单元格中也可以
如何插入对java脚本函数的调用
谢谢你抽出时间 当用户单击第一个链接(编辑)时,您想检查一些验证 解决方案:
- 首先,删除超链接
编辑链接href
- 其次,在编辑链接
上应用一个函数,单击
事件以检查验证
$(文档).ready(函数(){
重画例外(4)
})
函数重绘异常(周限制){
var testdata=[{
“col1”:“1”,
“col2”:“9908”,
“col3”:“171.74”,
}, {
“col1”:“2”,
“col2”:“9959”,
“col3”:“156.83”,
}, {
“col1”:“3”,
“col2”:“457”,
“col3”:“153.83”,
}, {
“col1”:“4”,
“col2”:“452”,
“col3”:“147.73”,
}, {
“col1”:“5”,
“col2”:“9927”,
“col3”:“141.90”,
}];
$('#testTable').DataTable({
“aaData”:testdata,
栏目:[
{数据:'col1',名称:'col1',“可见”:false,“可搜索”:false},
{数据:'col2',名称:'col2'},
{
数据:'col3',名称:'col3','bSearchable':false,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
},
}
]
});
}
函数editValidate(editID){
警报('在此处检查一些验证:'+editID);
}
p{
颜色:红色;
}
点击“编辑”链接检查下面的验证功能
可乐
可乐
可乐
当用户单击第一个链接(编辑)时,您想检查一些验证
解决方案:
- 首先,删除超链接
编辑链接href
- 其次,在编辑链接
上应用一个函数,单击
事件以检查验证
$(文档).ready(函数(){
重画例外(4)
})
函数重绘异常(周限制){
var testdata=[{
“col1”:“1”,
“col2”:“9908”,
“col3”:“171.74”,
}, {
“col1”:“2”,
“col2”:“9959”,
“col3”:“156.83”,
}, {
“col1”:“3”,
“col2”:“457”,
“col3”:“153.83”,
}, {
“col1”:“4”,
“col2”:“452”,
“col3”:“147.73”,
}, {
“col1”:“5”,
“col2”:“9927”,
“col3”:“141.90”,
}];
$('#testTable').DataTable({
“aaData”:testdata,
栏目:[
{数据:'col1',名称:'col1',“可见”:false,“可搜索”:false},
{数据:'col2',名称:'col2'},
{
数据:'col3',名称:'col3','bSearchable':false,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
},
}
]
});
}
函数editValidate(editID){
警报('在此处检查一些验证:'+editID);
}
p{
颜色:红色;
}
点击“编辑”链接检查下面的验证功能
可乐
可乐
可乐
将单击处理程序添加到锚定标记,该锚定标记调用验证函数并返回结果
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
$(nTd).html("<a href=edit/"+oData.id+
"onClick='return validate();'>" + "<Edit>" + </a>"+
" "+
"<a href=print/"+oData.id+">" + "Print" + "</a>"
)
}
function validate(){
// ...add validation logic here...
// return as boolean
return result
}
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
}
函数验证(){
//…在此处添加验证逻辑。。。
//返回为布尔值
返回结果
}
工作示例:
将单击处理程序添加到锚定标记,该锚定标记调用验证函数并返回结果
"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
$(nTd).html("<a href=edit/"+oData.id+
"onClick='return validate();'>" + "<Edit>" + </a>"+
" "+
"<a href=print/"+oData.id+">" + "Print" + "</a>"
)
}
function validate(){
// ...add validation logic here...
// return as boolean
return result
}
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
}
函数验证(){
//…在此处添加验证逻辑。。。
//返回为布尔值
返回结果
}
工作示例: