传递代码
var btn1 = '<a href="#" class="easyui-linkbutton btn" iconCls="icon-add" plain="true" onclick="show_detail('+obj+')">查看详情</a>';
/** 报错
uncaught SyntaxError: Unexpected identifier
**/
报错原因
出现这种情况,是在渲染 Dom 节点的时候,是用的字符串拼接形式。
所以,对于 onclick 事件中的参数,我们也因该转化成字符串的形式进行拼接。
如果传入一个 js 自定义对象,那渲染后的页面上的 dom 就会出现 onClick([object object]) 这种形式。
解决方案
将传递的对象参数转化为json字符串,需要的时候再将json字符串的双引号转换成单引号就可以
解决方法
用JSON.stringify().replace(/""/g,"’")方法将对象转化成JSON字符串传递,函数接收后会变成对象
解决过程
JSON.stringify()将对象转化成JSON字符串;.replace(/""/g,"’")将JSON字符串中的双引号转化成单引号,不然会报Unexpected end of input错误(这个错误是由于带的json字符串。它的双引号与onclick控件的双引号冲突了)
function operateFormatter(value, rowData, index) {
var obj =JSON.stringify(rowData).replace(/\"/g,"'");
console.log("operateFormatter111:",obj);
var btn = '';
var btn = '<a href="#" class="easyui-linkbutton btn" iconCls="icon-add" plain="true" onclick="data_update('+obj+')">修改</a>';
return btn;
}