Javascript 在每个Repeater ItemTemplate中生成条形码
我计划在asp中继器中使用jquery条形码库生成条形码 中继器工作正常,所有检索到的数据都显示出来了 问题在于条形码的生成 请帮忙Javascript 在每个Repeater ItemTemplate中生成条形码,javascript,c#,jquery,asp.net,repeater,Javascript,C#,Jquery,Asp.net,Repeater,我计划在asp中继器中使用jquery条形码库生成条形码 中继器工作正常,所有检索到的数据都显示出来了 问题在于条形码的生成 请帮忙 <script src="Scripts/jquery-3.1.1.min.js"></script> <script src="Scripts/jquery-barcode.js"></script> <script type="text/javascript"> function GetBar
<script src="Scripts/jquery-3.1.1.min.js"></script>
<script src="Scripts/jquery-barcode.js"></script>
<script type="text/javascript">
function GetBarcode(_refEnvoi) {
$("#bcTarget").barcode(_refEnvoi, "code128", { barWidth: 2,
barHeight: 50, output: 'css' });
};
</script>
<form id="form1" runat="server">
<asp:Repeater runat="server" ID="repAllEnvois" ClientIDMode="Static"
OnItemDataBound="repAllEnvois_ItemDataBound">
<ItemTemplate>
<asp:Label ID="txtrefEnvoi" runat="server" Text='<%# Eval("refEnvoi") %>'
/>
<div id="bcTarget" runat="server" class="pull-right" style="height: 70px">
</div>
</ItemTemplate>
<SeparatorTemplate>
<h2 style="page-break-before: always;"></h2>
<br />
</SeparatorTemplate>
</asp:Repeater>
</form>
试试这个
<img class="barcode" data-id='<%# Eval("refEnvoi") %>' />
要显示条形码的内部转发器
然后在botton使用此脚本生成条形码
<script>
$(function(){
var $barcode = $(".barcode");
$barcode.each(function () {
var bc = $(this).data('id').toString();
$(this).JsBarcode(bc, { "format": "code128", "backgroundColor": "#fff", "fontSize": 16, "height": 40, "width": 1, "displayValue": true }, function (valid) {
});
});
});
</script>
$(函数(){
var$barcode=$(“.barcode”);
$barcode.每个(功能(){
var bc=$(this.data('id').toString();
$(this).JsBarcode(bc,{“format”:“code128”,“backgroundColor”:“fff”,“fontSize”:16,“height”:40,“width”:1,“displayValue”:true},函数(有效){
});
});
});
需要您需要编辑问题以解释问题所在。你不能只说“问题出在x上。”
<script>
$(function(){
var $barcode = $(".barcode");
$barcode.each(function () {
var bc = $(this).data('id').toString();
$(this).JsBarcode(bc, { "format": "code128", "backgroundColor": "#fff", "fontSize": 16, "height": 40, "width": 1, "displayValue": true }, function (valid) {
});
});
});
</script>