我想点击Delete Button和Edit Buttton调用DeleteRow和EditRow函数。
<button style="margin-right: 5px;" type='button' onclick='return EditRow(@i)' id='@editrow' class='btn btn-primary btn-sm pull-right'><i class='glyphicon glyphicon-edit'></i> </button>
<button style="margin-right:5px;" type='button' onclick='return DeleteRow(@i)' id='' class='btn btn-danger btn-sm pull-right'><i class='fa fa-times-circle'></i> </button>
我还在我的JavaScript文件上创建了函数但是我得到了这个&#34;未定义的错误函数错误&#34;。
这里的JavaScript函数
<script type="text/javascript">
function DeleteRow(id) {
debugger
//logic here
return false;
}
function EditRow(id) {
//logic here
return false;
}
</script>
之前我有类似的错误,但当时我只更改了onClick at html中的函数名称并更改了JavaScript的函数名称,但现在无关紧要我重命名该函数,我得到了同样的错误。
任何人都可以解释我收到此错误的原因
答案 0 :(得分:1)
如果确保在按钮之前定义了JS(或者只要使用一些DOM就绪事件),则代码可以正常工作。
另外,请确保@i
呈现正确的值。我不承认这种模式......
function DeleteRow(id) {
console.log('Delete ' + id);
return false;
}
function EditRow(id) {
console.log('Edit ' + id)
return false;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<button type='button' onclick='return EditRow(1)' id='@editrow' class='btn btn-primary btn-sm'><i class='glyphicon glyphicon-edit'></i> </button>
<button type='button' onclick='return DeleteRow(1)' id='' class='btn btn-danger btn-sm'><i class='fa fa-times-circle'></i> </button>