Qrcode 在EASYUI 表格中为每一行生成二维码插入表格中

先上效果图:

首先在定义表头的时候设置formatter属性

<th formatter="formatEwm" data-options="field:'updatetime',width:200"align="center" >二维码图片</th>

在生成时候会去调用formatEwm的函数,为每一个二维码图片添加一个唯一标识

        function formatEwm(val,row,index){            if(val!=null && val!="" && val!='undenfine'){                var oi='output'+index;                return '<div id="'+oi+'"></div>';            }

在写一个使用Qrcode生成二维码的函数:

//content为要生成的二维码内容   output+index为上面函数为每一行要生成二维码的div的ID        function getEwm(index,content){            var trs = $("#output"+index).qrcode({                width : 100,                height : 100,                render : "canvas", //设置渲染方式 table canvas                text :content,                background : "#ffffff", //背景颜色                 foreground : "#999900" //前景颜色             })        }

在表格初始化完成后调用生成二维码的函数:

$(function(){            $('#dg').datagrid({                onLoadSuccess: function(data){                    var rows = $('#dg').datagrid('getRows');                     for (var i = 0; i < rows.length; i++) {                      var temp=rows[i]['upfile']; //获取指定列                       getEwm(i,temp);                    }                }            });        });