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);
                    }
                }
            });
        });