表单中添加条码的解决方案
1、首先下载此压缩包解压之后得到两个JS文件,将此文件拷贝至C6安装目录下的C6\Jhsoft.Web.module\fceform\js文件夹下
2、在需要实现条码生成的表单中添加此JS
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中添加如下代码:
5、表单打开函数中添加条码生成函数:
6、实现效果如下:
7、条码扫描: