Jhui_0508 2018-03-04 12:17 采纳率: 0%
浏览 832
已结题

Easyui使用Dialog行内按钮布局 为什么报错 怎样获取此行数据

 1. <script type="text/javascript">
    $(function() {

        $('#mTb').datagrid({
        idField : 'id',
        title : '项目表',
        url : '${pageContext.request.contextPath}/matter/matterList.action',
        fit : true,
        width : '100%',
        border : false,
        loadMsg : '数据加载中...',
        pageSize : 3,
        pageList : [ 3, 6, 9 ],
        pagination : true,
        fitColumns : true,
        rownumbers : true,
        singleSelect : true,
        striped : true,
        nowrap : true,
        frozenColumns : [ [ 
            {
            field : 'id',
            title : '编号',
            rowspan : 3,
            width : 50
            }, {
            field : 'name',
            title : '文件名',
            width : 50,
            rowspan : 3
            }, {
            field : 'oldfilename',
            title : '名称',
            width : 50,
            rowspan : 3
            },{field:'opt',title:'操作',width:150,align:'center', 
                formatter:function(value,rec) 
                { 
                 var btn1 = '<a class="editcls" onclick="newRoleEdit(\''+rec.id+'\')" href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" >编辑</a>'; 
                 var btn2 = '<a class="delecls" onclick="removeRole(\''+rec.id+'\')" href="javascript:void(0)" rel="external nofollow" rel="external nofollow" rel="external nofollow" >删除</a>'; 
                 return btn1+btn2;  
                } 
               } 
              ]], 
              onLoadSuccess:function(data){ 
               $('.editcls').linkbutton({text:'编辑',plain:true,iconCls:'icon-edit'}); 
               $('.delecls').linkbutton({text:'删除',plain:true,iconCls:'icon-remove'}); 
               $('.editcls').click(function(){
                   alert("111"); 
               });
               $('.delecls').click(function(index){
                   alert("22");
               });
               $('#mTb').datagrid('fixRowHeight');
              } 
            });

        $('#mTb').datagrid('hideColumn', 'oldfilename'); 

    });
</script>

<body>
    <table id="mTb">
    </table>
</body>

图片说明
问题1 单击编辑或是删除按钮 alert弹框有效果 但是报错
问题2 单击怎样获取点击行数据

自己写的代码1
图片说明
自己写的代码2
图片说明

  • 写回答

4条回答 默认 最新

  • Go 旅城通票 2018-03-04 13:05
    关注

    newRoleEdit放到window作用域下，不要放到其他函数内部，这样是私有函数，html拼接的函数需要在window作用域下，无法访问私有域下的函数或者变量

    你不是传入了id，调用getRows获取所有数据行，遍历对比下id键的值一致就得到了

    function newRoleEdit(id){
 var rows=$('#dg').datagrid('getRows'),row
 //注意修改
for(var i=0;i<rows.length;i++)if(rows[i].id==id){row=rows[i];break;}
//row就是点击编辑对应的行对象，你的其他代码
}
    评论

报告相同问题？

悬赏问题

  • ¥15 如何处理复杂数据表格的除法运算
  • ¥15 如何用stc8h1k08的片子做485数据透传的功能？(关键词-串口)
  • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗？
  • ¥200 uniapp长期运行卡死问题解决
  • ¥15 请教：如何用postman调用本地虚拟机区块链接上的合约？
  • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题：[h264 @ 000000004faf7500]no frame？
  • ¥15 乘性高斯噪声在深度学习网络中的应用
  • ¥15 关于docker部署flink集成hadoop的yarn，请教个问题 flink启动yarn-session.sh连不上hadoop，这个整了好几天一直不行，求帮忙看一下怎么解决
  • ¥15 深度学习根据CNN网络模型，搭建BP模型并训练MNIST数据集
  • ¥15 C++ 头文件/宏冲突问题解决