表单中添加条码的解决方案

2019-03-18 11:11:20 蒋敏 78

图片关键词barcode.rar

1、首先下载此压缩包解压之后得到两个JS文件,将此文件拷贝至C6安装目录下的C6\Jhsoft.Web.module\fceform\js文件夹下

2、在需要实现条码生成的表单中添加此JSOA|CRM|信息化咨询

3、在自定义函数中添加如下代码,注意txtSN是当前表单中根据此字段的内容生成的条码,实际运用过程中请根据需要进行修改:


   function generateBarcode(){

        var value = document.getElementById("txtSN").value;

        var btype = $("input[name=btype]:checked").val();

        var renderer = $("input[name=renderer]:checked").val();

        var quietZone = false;

        if ($("#quietzone").is(':checked') || $("#quietzone").attr('checked')){

          quietZone = true;

        }

        var settings = {

          output:renderer,

          bgColor: $("#bgColor").val(),

          color: $("#color").val(),

          barWidth: $("#barWidth").val(),

          barHeight: $("#barHeight").val(),

          moduleSize: $("#moduleSize").val(),

          posX: $("#posX").val(),

          posY: $("#posY").val(),

          addQuietZone: $("#quietZoneSize").val()

        };

        if ($("#rectangular").is(':checked') || $("#rectangular").attr('checked')){

          value = {code:value, rect: true};

        }

        if (renderer == 'canvas'){

          clearCanvas();

          $("#barcodeTarget").hide();

          $("#canvasTarget").show().barcode(value, btype, settings);

        } else {

          $("#canvasTarget").hide();

          $("#barcodeTarget").html("").show().barcode(value, btype, settings);

        }

      }

4、在表单的HTML中添加如下代码:

图片关键词条码html.txt


5、表单打开函数中添加条码生成函数:OA|CRM|信息化咨询

6、实现效果如下:OA|CRM|信息化咨询

7、条码扫描:

图片关键词

图片关键词