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);
                    }
                }
            });
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值