Barcode
| Barcode control | Result |
|---|---|
|
Codabar Code39 Code49 Code93 Code128 DataMatrix DataMatrixEcc200 DataMatrixEcc000 EAN Ean8 Ean13 Gs1_128 Gs1DataBar Gs1DataBarExpanded Gs1DataBarExpandedStacked Gs1DataBarLimited Gs1DataBarOmnidirectional Gs1DataBarStacked Gs1DataBarStackedOmnidirectional Gs1DataBarTruncated Interleaved2of5 Itf14 JapanesePostal PDF Pdf417 MicroPdf417 QRCode UPC UpcA UpcE0 UpcE1 |
Codabar
The Codabar control is used to display Codabar barcodes.
Value: A15126893B
Code39
The Code39 control is used to display Code39 barcodes.
Value: A1312BCV
Code128
The Code128 control is used to display Code128 barcodes.
Value: Code128Demo
Ean8
The Ean8 control is used to display EAN-8 barcodes.
Value: 9031101
Ean13
The Ean13 control is used to display EAN-13 barcodes.
Value: 963850741111
Gs1_128
The Gs1_128 control is used to display GS1-128 barcodes.
Value: GS1128Demo
QRCode
The QrCode control is used to display QR code barcodes.
Value: https://en.wikipedia.org/wiki/QR_code
UpcA
The UpcA control is used to display UPC-A barcodes.
Value: 01234567890
UpcE0
The UpcE0 control is used to display UPC-E0 barcodes.
Value: 012345
UpcE1
The UpcE1 control is used to display UPC-E1 barcodes.
Value: 012345
Code49
The Code49 control is used to display Code49 barcodes.
Value: Code49_123
Code93
The Code93 control is used to display Code93 barcodes.
Value: CODE93
DataMatrixEcc200
The DataMatrixEcc200 control is used to display DataMatrix ECC-200 barcodes.
Value: abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+
DataMatrixEcc000
The DataMatrix control is used to display DataMatrix barcodes with specification versions in the range from ECC 000 to ECC 140.
Value: abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+
Interleaved2of5
The Interleaved2of5 control is used to display Interleaved 2 of 5 barcodes.
Value: 1234567895
Itf14
The Itf14 control is used to display ITF-14 barcodes.
Value: 98765432109213
JapanesePostal
The JapanesePostal control is used to display Japanese Postal barcodes.
Value: 6540123789-A-K-Z
Gs1DataBarExpanded
The Gs1DataBarExpanded control is used to display GS1 DataBar Expanded barcodes.
Value: (01)00012345678905(10)ABC123
Gs1DataBarExpandedStacked
The Gs1DataBarExpandedStacked control is used to display GS1 DataBar Expanded Stacked barcodes.
Value: (01)00012345678905(10)ABC123
Gs1DataBarLimited
The Gs1DataBarLimited control is used to display GS1 DataBar Limited barcodes.
Value: (01)20012345678909
Gs1DataBarOmnidirectional
The Gs1DataBarOmnidirectional control is used to display GS1 DataBar Omnidirectional barcodes.
Value: (01)20012345678909
Gs1DataBarStacked
The Gs1DataBarStacked control is used to display GS1 DataBar Stacked barcodes.
Value: (01)20012345678909
Gs1DataBarStackedOmnidirectional
The Gs1DataBarStackedOmnidirectional control is used to display GS1 DataBar StackedOmnidirectional barcodes.
Value: (01)20012345678909
Gs1DataBarTruncated
The Gs1DataBarTruncated control is used to display GS1 DataBar Truncated barcodes.
Value: (01)20012345678909
Pdf417
The Pdf417 control is used to display PDF417 barcodes.
Value: This is a PDF417 barcode
MicroPdf417
The MicroPdf417 control is used to display MicroPDF417 barcodes.
Value: This is a MicroPDF417 barcode
|
Description
This view shows basic features of Barcode for ASP.NET MVC.
The Codabar control is used to display Codabar barcodes.
The Code39 control is used to display Code39 barcodes.
The Code49 control is used to display Code49 barcodes.
The Code93 control is used to display Code93 barcodes.
The Code128 control is used to display Code128 barcodes.
The DataMatrixEcc200 control is used to display DataMatrix ECC-200 barcodes.
The DataMatrix control is used to display DataMatrix barcodes with specification versions in the range from ECC 000 to ECC 140.
The Ean8 control is used to display EAN-8 barcodes.
The Ean13 control is used to display EAN-13 barcodes.
The Gs1_128 control is used to display GS1-128 barcodes.
The Gs1DataBarExpanded control is used to display GS1 DataBar Expanded barcodes.
The Gs1DataBarExpandedStacked control is used to display GS1 DataBar Expanded Stacked barcodes.
The Gs1DataBarLimited control is used to display GS1 DataBar Limited barcodes.
The Gs1DataBarOmnidirectional control is used to display GS1 DataBar Omnidirectional barcodes.
The Gs1DataBarStacked control is used to display GS1 DataBar Stacked barcodes.
The Gs1DataBarStackedOmnidirectional control is used to display GS1 DataBar StackedOmnidirectional barcodes.
The Gs1DataBarTruncated control is used to display GS1 DataBar Truncated barcodes.
The Interleaved2of5 control is used to display Interleaved 2 of 5 barcodes.
The Itf14 control is used to display ITF-14 barcodes.
The JapanesePostal control is used to display Japanese Postal barcodes.
The Pdf417 control is used to display PDF417 barcodes.
The MicroPdf417 control is used to display MicroPDF417 barcodes.
The QrCode control is used to display QR code barcodes.
The UpcA control is used to display UPC-A barcodes.
The UpcE0 control is used to display UPC-E0 barcodes.
The UpcE1 control is used to display UPC-E1 barcodes.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | using System; using System.Collections.Generic; using System.Linq; using System.Threading.Tasks; using Microsoft.AspNetCore.Mvc; namespace MvcExplorer.Controllers { public partial class BarcodeController : Controller { public IActionResult Index() { return View(getBarcodeControls()); } private object[] getBarcodeControls() { return new object[] { new { Name = "Codabar" }, new { Name = "Code39" }, new { Name = "Code49" }, new { Name = "Code93" }, new { Name = "Code128" }, new { Name = "DataMatrix", Items = new object[] { new { Name = "DataMatrixEcc200" }, new { Name = "DataMatrixEcc000" } } }, new { Name = "EAN", Items = new object[] { new { Name = "Ean8" }, new { Name = "Ean13" } } }, new{ Name = "Gs1_128" }, new { Name = "Gs1DataBar", Items = new object[] { new { Name = "Gs1DataBarExpanded" }, new { Name = "Gs1DataBarExpandedStacked" }, new { Name = "Gs1DataBarLimited" }, new { Name = "Gs1DataBarOmnidirectional" }, new { Name = "Gs1DataBarStacked" }, new { Name = "Gs1DataBarStackedOmnidirectional" }, new { Name = "Gs1DataBarTruncated" } } }, new { Name = "Interleaved2of5" }, new { Name = "Itf14" }, new { Name = "JapanesePostal" }, new { Name = "PDF", Items = new object[] { new { Name = "Pdf417" }, new { Name = "MicroPdf417" } } }, new { Name = "QRCode" }, new { Name = "UPC", Items = new object[] { new { Name = "UpcA" }, new { Name = "UpcE0" }, new { Name = "UpcE1" } } } }; } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 | @model object[] <link href="~/Content/css/barcode.css" rel="stylesheet" /> <table class="table"> <thead> <tr> <th>@Html.Raw(BarcodeRes.Barcode_Index_Text0)</th> <th>@Html.Raw(BarcodeRes.Barcode_Index_Text2)</th> </tr> </thead> <tbody> <tr> <td style="width: 400px"> <c1-tree-view display-member-path="Name" child-items-path="Items" selected-item-changed="OnSelectedItemChanged" loaded-items="OnLoadedItems" source="Model" is-animated="true" auto-collapse="true" style="overflow:hidden;" expand-on-click="true"> </c1-tree-view> </td> <td style="position: relative"> <div data-id="Codabar" class="barcode-control-result"> <div class="name">Codabar</div> <div class="description">@Html.Raw(BarcodeRes.Codabar_Description_Text0)</div> <div class="barcode"><c1-codabar value="A15126893B" auto-width-zoom="2"></c1-codabar></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>A15126893B</div> </div> <div data-id="Code39" class="barcode-control-result"> <div class="name">Code39</div> <div class="description">@Html.Raw(BarcodeRes.Code39_Description_Text0)</div> <div class="barcode"><c1-code39 value="A1312BCV" auto-width-zoom="2"></c1-code39></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>A1312BCV</div> </div> <div data-id="Code128" class="barcode-control-result"> <div class="name">Code128</div> <div class="description">@Html.Raw(BarcodeRes.Code128_Description_Text0)</div> <div class="barcode"><c1-code128 value="Code128Demo" auto-width-zoom="2" code-set="B"></c1-code128></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>Code128Demo</div> </div> <div data-id="Ean8" class="barcode-control-result"> <div class="name">Ean8</div> <div class="description">@Html.Raw(BarcodeRes.Ean8_Description_Text0)</div> <div class="barcode"><c1-ean8 value="9031101"></c1-ean8></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>9031101</div> </div> <div data-id="Ean13" class="barcode-control-result"> <div class="name">Ean13</div> <div class="description">@Html.Raw(BarcodeRes.Ean13_Description_Text0)</div> <div class="barcode"><c1-ean13 value="963850741111" add-on="86"></c1-ean13></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>963850741111</div> </div> <div data-id="Gs1_128" class="barcode-control-result"> <div class="name">Gs1_128</div> <div class="description">@Html.Raw(BarcodeRes.Gs1_128_Description_Text0)</div> <div class="barcode"><c1-gs1_128 value="GS1128Demo" auto-width-zoom="2"></c1-gs1_128></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>GS1128Demo</div> </div> <div data-id="QRCode" class="barcode-control-result"> <div class="name">QRCode</div> <div class="description">@Html.Raw(BarcodeRes.QRCode_Description_Text0)</div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>https://en.wikipedia.org/wiki/QR_code</div> </div> <div data-id="UpcA" class="barcode-control-result"> <div class="name">UpcA</div> <div class="description">@Html.Raw(BarcodeRes.UpcA_Description_Text0)</div> <div class="barcode"><c1-upc-a value="01234567890"></c1-upc-a></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>01234567890</div> </div> <div data-id="UpcE0" class="barcode-control-result"> <div class="name">UpcE0</div> <div class="description">@Html.Raw(BarcodeRes.UpcE0_Description_Text0)</div> <div class="barcode"><c1-upc-e0 value="012345"></c1-upc-e0></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>012345</div> </div> <div data-id="UpcE1" class="barcode-control-result"> <div class="name">UpcE1</div> <div class="description">@Html.Raw(BarcodeRes.UpcE1_Description_Text0)</div> <div class="barcode"><c1-upc-e1 value="012345"></c1-upc-e1></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>012345</div> </div> <div data-id="Code49" class="barcode-control-result"> <div class="name">Code49</div> <div class="description">@Html.Raw(BarcodeRes.Code49_Description_Text0)</div> <div class="barcode"><c1-code49 value="Code49_123"></c1-code49></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>Code49_123</div> </div> <div data-id="Code93" class="barcode-control-result"> <div class="name">Code93</div> <div class="description">@Html.Raw(BarcodeRes.Code93_Description_Text0)</div> <div class="barcode"><c1-code93 value="CODE93" check-digit="true" auto-width-zoom="2"></c1-code93></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>CODE93</div> </div> <div data-id="DataMatrixEcc200" class="barcode-control-result"> <div class="name">DataMatrixEcc200</div> <div class="description">@Html.Raw(BarcodeRes.DataMatrixEcc200_Description_Text0)</div> <div class="barcode"><c1-data-matrix-ecc200 value="abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+"></c1-data-matrix-ecc200></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+</div> </div> <div data-id="DataMatrixEcc000" class="barcode-control-result"> <div class="name">DataMatrixEcc000</div> <div class="description">@Html.Raw(BarcodeRes.DataMatrixEcc000_Description_Text0)</div> <div class="barcode"><c1-data-matrix-ecc000 value="abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+"></c1-data-matrix-ecc000></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+</div> </div> <div data-id="Interleaved2of5" class="barcode-control-result"> <div class="name">Interleaved2of5</div> <div class="description">@Html.Raw(BarcodeRes.Interleaved2of5_Description_Text0)</div> <div class="barcode"><c1-interleaved2of5 value="1234567895" auto-width-zoom="2"></c1-interleaved2of5></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>1234567895</div> </div> <div data-id="Itf14" class="barcode-control-result"> <div class="name">Itf14</div> <div class="description">@Html.Raw(BarcodeRes.Itf14_Description_Text0)</div> <div class="barcode"><c1-itf14 value="98765432109213"></c1-itf14></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>98765432109213</div> </div> <div data-id="JapanesePostal" class="barcode-control-result"> <div class="name">JapanesePostal</div> <div class="description">@Html.Raw(BarcodeRes.JapanesePostal_Description_Text0)</div> <div class="barcode"><c1-japanese-postal value="6540123789-A-K-Z"></c1-japanese-postal></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>6540123789-A-K-Z</div> </div> <div data-id="Gs1DataBarExpanded" class="barcode-control-result"> <div class="name">Gs1DataBarExpanded</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarExpanded_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-expanded value="(01)00012345678905(10)ABC123"></c1-gs1-data-bar-expanded></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)00012345678905(10)ABC123</div> </div> <div data-id="Gs1DataBarExpandedStacked" class="barcode-control-result"> <div class="name">Gs1DataBarExpandedStacked</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarExpandedStacked_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-expanded-stacked value="(01)00012345678905(10)ABC123"></c1-gs1-data-bar-expanded-stacked></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)00012345678905(10)ABC123</div> </div> <div data-id="Gs1DataBarLimited" class="barcode-control-result"> <div class="name">Gs1DataBarLimited</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarLimited_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-limited value="(01)20012345678909"></c1-gs1-data-bar-limited></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div> </div> <div data-id="Gs1DataBarOmnidirectional" class="barcode-control-result"> <div class="name">Gs1DataBarOmnidirectional</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarOmnidirectional_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-omnidirectional value="(01)20012345678909"></c1-gs1-data-bar-omnidirectional></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div> </div> <div data-id="Gs1DataBarStacked" class="barcode-control-result"> <div class="name">Gs1DataBarStacked</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarStacked_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-stacked value="(01)20012345678909"></c1-gs1-data-bar-stacked></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div> </div> <div data-id="Gs1DataBarStackedOmnidirectional" class="barcode-control-result"> <div class="name">Gs1DataBarStackedOmnidirectional</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarStackedOmnidirectional_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-stacked-omnidirectional value="(01)20012345678909"></c1-gs1-data-bar-stacked-omnidirectional></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div> </div> <div data-id="Gs1DataBarTruncated" class="barcode-control-result"> <div class="name">Gs1DataBarTruncated</div> <div class="description">@Html.Raw(BarcodeRes.Gs1DataBarTruncated_Description_Text0)</div> <div class="barcode"><c1-gs1-data-bar-truncated value="(01)20012345678909"></c1-gs1-data-bar-truncated></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>(01)20012345678909</div> </div> <div data-id="Pdf417" class="barcode-control-result"> <div class="name">Pdf417</div> <div class="description">@Html.Raw(BarcodeRes.Pdf417_Description_Text0)</div> <div class="barcode"><c1-pdf417 value="This is a PDF417 barcode" auto-width-zoom="2"></c1-pdf417></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>This is a PDF417 barcode</div> </div> <div data-id="MicroPdf417" class="barcode-control-result"> <div class="name">MicroPdf417</div> <div class="description">@Html.Raw(BarcodeRes.MicroPdf417_Description_Text0)</div> <div class="barcode"><c1-micro-pdf417 value="This is a MicroPDF417 barcode"></c1-micro-pdf417></div> <div><span class="value">@Html.Raw(BarcodeRes.Barcode_Index_Text1): </span>This is a MicroPDF417 barcode</div> </div> </td> </tr> </tbody> </table> @section Scripts{ <script> function OnSelectedItemChanged(e, s) { var selectedItem = e.selectedItem; if (!selectedItem.Items) { $(".barcode-control-result").css("opacity", 0); $(".barcode-control-result").each(function (index, ele) { let self = $(ele); if (self.data("id") == selectedItem.Name) { self.css("opacity", 1); } }); } } function OnLoadedItems(e) { e.getFirstNode().select(); } </script>} @section Summary{ <p>@Html.Raw(BarcodeRes.Barcode_Description_Text0)</p> } @section Description{ @Html.Raw(BarcodeRes.Barcode_Description_Text0) <p> @Html.Raw(BarcodeRes.Codabar_Description_Text0)<br /> @Html.Raw(BarcodeRes.Code39_Description_Text0)<br /> @Html.Raw(BarcodeRes.Code49_Description_Text0)<br /> @Html.Raw(BarcodeRes.Code93_Description_Text0)<br /> @Html.Raw(BarcodeRes.Code128_Description_Text0)<br /> @Html.Raw(BarcodeRes.DataMatrixEcc200_Description_Text0)<br /> @Html.Raw(BarcodeRes.DataMatrixEcc000_Description_Text0)<br /> @Html.Raw(BarcodeRes.Ean8_Description_Text0)<br /> @Html.Raw(BarcodeRes.Ean13_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1_128_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarExpanded_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarExpandedStacked_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarLimited_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarOmnidirectional_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarStacked_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarStackedOmnidirectional_Description_Text0)<br /> @Html.Raw(BarcodeRes.Gs1DataBarTruncated_Description_Text0)<br /> @Html.Raw(BarcodeRes.Interleaved2of5_Description_Text0)<br /> @Html.Raw(BarcodeRes.Itf14_Description_Text0)<br /> @Html.Raw(BarcodeRes.JapanesePostal_Description_Text0)<br /> @Html.Raw(BarcodeRes.Pdf417_Description_Text0)<br /> @Html.Raw(BarcodeRes.MicroPdf417_Description_Text0)<br /> @Html.Raw(BarcodeRes.QRCode_Description_Text0)<br /> @Html.Raw(BarcodeRes.UpcA_Description_Text0)<br /> @Html.Raw(BarcodeRes.UpcE0_Description_Text0)<br /> @Html.Raw(BarcodeRes.UpcE1_Description_Text0) </p> } |