Barcode
Barcode
一般
このビューは、ASP.NETMVCのバーコードの基本機能を示しています。
機能
サンプル
| バーコード制御 | 結果 |
|---|---|
|
|
Codabar
Codabarコントロールを使用すると、Codabarを表示できます。
値: A15126893B
Code39
Code39コントロールを使用すると、CODE39を表示できます。
値: A1312BCV
Code128
Code128コントロールを使用すると、CODE128を表示できます。
値: Code128Demo
Ean8
Ean8コントロールを使用すると、EAN8を表示できます。
値: 9031101
Ean13
Ean13コントロールを使用すると、EAN13を表示できます。
値: 963850741111
Gs1_128
Gs1_128コントロールを使用すると、GS1-128を表示できます。
値: GS1128Demo
QRCode
QrCodeコントロールを使用すると、QRコードを表示できます。
値: https://en.wikipedia.org/wiki/QR_code
UpcA
UpcAコントロールを使用すると、UPC-Aを表示できます。
値: 01234567890
UpcE0
UpcE0コントロールを使用すると、UPC-E0を表示できます。
値: 012345
UpcE1
UpcE1コントロールを使用すると、UPC-E1を表示できます。
値: 012345
Code49
Code49コントロールを使用すると、CODE49を表示できます。
値: Code49_123
Code93
Code93コントロールを使用すると、CODE93を表示できます。
値: CODE93
DataMatrixEcc200
DataMatrixEcc200コントロールを使用すると、Data Matrix ECC 200を表示できます。
値: abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+
DataMatrixEcc000
DataMatrixEcc000コントロールを使用すると、Data Matrix ECC 000-140を表示できます。
値: abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+
Interleaved2of5
Interleaved2of5コントロールを使用すると、ITF（Interleaved 2 of 5）を表示できます。
値: 1234567895
Itf14
Itf14コントロールを使用すると、ITF-14を表示できます。
値: 98765432109213
JapanesePostal
JapanesePostalコントロールを使用すると、カスタマバーコードを表示できます。
値: 6540123789-A-K-Z
Gs1DataBarExpanded
Gs1DataBarExpandedコントロールを使用すると、GS1 DataBar Expanded（拡張型）を表示できます。
値: (01)00012345678905(10)ABC123
Gs1DataBarExpandedStacked
Gs1DataBarExpandedStackedコントロールを使用すると、GS1 DataBar Expanded Stacked（拡張多層型）を表示できます。
値: (01)00012345678905(10)ABC123
Gs1DataBarLimited
Gs1DataBarLimitedコントロールを使用すると、GS1 DataBar Limited（限定型）を表示できます。
値: (01)20012345678909
Gs1DataBarOmnidirectional
Gs1DataBarOmnidirectionalコントロールを使用すると、GS1 DataBar Omnidirectional（標準型）を表示できます。
値: (01)20012345678909
Gs1DataBarStacked
Gs1DataBarStackedコントロールを使用すると、GS1 DataBar Stacked（二層型）を表示できます。
値: (01)20012345678909
Gs1DataBarStackedOmnidirectional
Gs1DataBarStackedOmnidirectionalコントロールを使用すると、GS1 DataBar StackedOmnidirectional（標準二層型）を表示できます。
値: (01)20012345678909
Gs1DataBarTruncated
Gs1DataBarTruncatedコントロールを使用すると、GS1 DataBar Truncated（カット型）を表示できます。
値: (01)20012345678909
Pdf417
Pdf417コントロールを使用すると、PDF417を表示できます。
値: This is a PDF417 barcode
MicroPdf417
MicroPdf417コントロールを使用すると、MicroPDF417を表示できます。
値: This is a MicroPDF417 barcode
|
説明
このビューは、ASP.NETMVCのバーコードの基本機能を示しています。
Codabarコントロールを使用すると、Codabarを表示できます。
Code39コントロールを使用すると、CODE39を表示できます。
Code49コントロールを使用すると、CODE49を表示できます。
Code93コントロールを使用すると、CODE93を表示できます。
Code128コントロールを使用すると、CODE128を表示できます。
DataMatrixEcc200コントロールを使用すると、Data Matrix ECC 200を表示できます。
DataMatrixEcc000コントロールを使用すると、Data Matrix ECC 000-140を表示できます。
Ean8コントロールを使用すると、EAN8を表示できます。
Ean13コントロールを使用すると、EAN13を表示できます。
Gs1_128コントロールを使用すると、GS1-128を表示できます。
Gs1DataBarExpandedコントロールを使用すると、GS1 DataBar Expanded（拡張型）を表示できます。
Gs1DataBarExpandedStackedコントロールを使用すると、GS1 DataBar Expanded Stacked（拡張多層型）を表示できます。
Gs1DataBarLimitedコントロールを使用すると、GS1 DataBar Limited（限定型）を表示できます。
Gs1DataBarOmnidirectionalコントロールを使用すると、GS1 DataBar Omnidirectional（標準型）を表示できます。
Gs1DataBarStackedコントロールを使用すると、GS1 DataBar Stacked（二層型）を表示できます。
Gs1DataBarStackedOmnidirectionalコントロールを使用すると、GS1 DataBar StackedOmnidirectional（標準二層型）を表示できます。
Gs1DataBarTruncatedコントロールを使用すると、GS1 DataBar Truncated（カット型）を表示できます。
Interleaved2of5コントロールを使用すると、ITF（Interleaved 2 of 5）を表示できます。
Itf14コントロールを使用すると、ITF-14を表示できます。
JapanesePostalコントロールを使用すると、カスタマバーコードを表示できます。
Pdf417コントロールを使用すると、PDF417を表示できます。
MicroPdf417コントロールを使用すると、MicroPDF417を表示できます。
QrCodeコントロールを使用すると、QRコードを表示できます。
UpcAコントロールを使用すると、UPC-Aを表示できます。
UpcE0コントロールを使用すると、UPC-E0を表示できます。
UpcE1コントロールを使用すると、UPC-E1を表示できます。
ソース
IndexController.cs
using C1.Web.Mvc;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
namespace MvcExplorer.Controllers
{
public partial class BarcodeController : Controller
{
// GET: Index
public ActionResult 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" }
}
}
};
}
}
}
Index.cshtml
@model object[]
<link href="~/Content/css/barcode.css" rel="stylesheet" />
<table class="table">
<thead>
<tr>
<th>@Html.Raw(Resources.Barcode.Barcode_Index_Text0)</th>
<th>@Html.Raw(Resources.Barcode.Barcode_Index_Text2)</th>
</tr>
</thead>
<tbody>
<tr>
<td style="width: 400px">
@(Html.C1().TreeView().Id("treeView")
.Bind(Model)
.OnClientSelectedItemChanged("OnSelectedItemChanged")
.OnClientLoadedItems("OnLoadedItems")
.DisplayMemberPath("Name")
.ChildItemsPath("Items")
.IsAnimated(true)
.AutoCollapse(true)
.CssStyle("overflow", "hidden")
.ExpandOnClick(true))
</td>
<td style="position: relative">
<div id="Codabar" class="barcode-control-result">
<div class="name">Codabar</div>
<div class="description">@Html.Raw(Resources.Barcode.Codabar_Description_Text0)</div>
<div class="barcode">@Html.C1().Codabar().Value("A15126893B").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>A15126893B</div>
</div>
<div id="Code39" class="barcode-control-result">
<div class="name">Code39</div>
<div class="description">@Html.Raw(Resources.Barcode.Code39_Description_Text0)</div>
<div class="barcode">@Html.C1().Code39().Value("A1312BCV").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>A1312BCV</div>
</div>
<div id="Code128" class="barcode-control-result">
<div class="name">Code128</div>
<div class="description">@Html.Raw(Resources.Barcode.Code128_Description_Text0)</div>
<div class="barcode">@Html.C1().Code128().Value("Code128Demo").AutoWidthZoom(2).CodeSet(Code128CodeSet.B)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>Code128Demo</div>
</div>
<div id="Ean8" class="barcode-control-result">
<div class="name">Ean8</div>
<div class="description">@Html.Raw(Resources.Barcode.Ean8_Description_Text0)</div>
<div class="barcode">@Html.C1().Ean8().Value("9031101")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>9031101</div>
</div>
<div id="Ean13" class="barcode-control-result">
<div class="name">Ean13</div>
<div class="description">@Html.Raw(Resources.Barcode.Ean13_Description_Text0)</div>
<div class="barcode">@Html.C1().Ean13().Value("963850741111").AddOn("86")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>963850741111</div>
</div>
<div id="Gs1_128" class="barcode-control-result">
<div class="name">Gs1_128</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1_128_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1_128().Value("GS1128Demo").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>GS1128Demo</div>
</div>
<div id="QRCode" class="barcode-control-result">
<div class="name">QRCode</div>
<div class="description">@Html.Raw(Resources.Barcode.QRCode_Description_Text0)</div>
<div class="barcode">@Html.C1().QrCode().Value("https://en.wikipedia.org/wiki/QR_code")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>https://en.wikipedia.org/wiki/QR_code</div>
</div>
<div id="UpcA" class="barcode-control-result">
<div class="name">UpcA</div>
<div class="description">@Html.Raw(Resources.Barcode.UpcA_Description_Text0)</div>
<div class="barcode">@Html.C1().UpcA().Value("01234567890")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>01234567890</div>
</div>
<div id="UpcE0" class="barcode-control-result">
<div class="name">UpcE0</div>
<div class="description">@Html.Raw(Resources.Barcode.UpcE0_Description_Text0)</div>
<div class="barcode">@Html.C1().UpcE0().Value("012345")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>012345</div>
</div>
<div id="UpcE1" class="barcode-control-result">
<div class="name">UpcE1</div>
<div class="description">@Html.Raw(Resources.Barcode.UpcE1_Description_Text0)</div>
<div class="barcode">@Html.C1().UpcE1().Value("012345")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>012345</div>
</div>
<div id="Code49" class="barcode-control-result">
<div class="name">Code49</div>
<div class="description">@Html.Raw(Resources.Barcode.Code49_Description_Text0)</div>
<div class="barcode">@Html.C1().Code49().Value("Code49_123")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>Code49_123</div>
</div>
<div id="Code93" class="barcode-control-result">
<div class="name">Code93</div>
<div class="description">@Html.Raw(Resources.Barcode.Code93_Description_Text0)</div>
<div class="barcode">@Html.C1().Code93().Value("CODE93").CheckDigit(true).AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>CODE93</div>
</div>
<div id="DataMatrixEcc200" class="barcode-control-result">
<div class="name">DataMatrixEcc200</div>
<div class="description">@Html.Raw(Resources.Barcode.DataMatrixEcc200_Description_Text0)</div>
<div class="barcode">@Html.C1().DataMatrixEcc200().Value("abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+</div>
</div>
<div id="DataMatrixEcc000" class="barcode-control-result">
<div class="name">DataMatrixEcc000</div>
<div class="description">@Html.Raw(Resources.Barcode.DataMatrixEcc000_Description_Text0)</div>
<div class="barcode">@Html.C1().DataMatrixEcc000().Value("abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+").Version(DataMatrixVersion.Ecc100)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>abcdefghijklmnopqrstuvwxyz1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ!#$%^&*()_+</div>
</div>
<div id="Interleaved2of5" class="barcode-control-result">
<div class="name">Interleaved2of5</div>
<div class="description">@Html.Raw(Resources.Barcode.Interleaved2of5_Description_Text0)</div>
<div class="barcode">@Html.C1().Interleaved2of5().Value("1234567895").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>1234567895</div>
</div>
<div id="Itf14" class="barcode-control-result">
<div class="name">Itf14</div>
<div class="description">@Html.Raw(Resources.Barcode.Itf14_Description_Text0)</div>
<div class="barcode">@Html.C1().Itf14().Value("98765432109213")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>98765432109213</div>
</div>
<div id="JapanesePostal" class="barcode-control-result">
<div class="name">JapanesePostal</div>
<div class="description">@Html.Raw(Resources.Barcode.JapanesePostal_Description_Text0)</div>
<div class="barcode">@Html.C1().JapanesePostal().Value("6540123789-A-K-Z")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>6540123789-A-K-Z</div>
</div>
<div id="Gs1DataBarExpanded" class="barcode-control-result">
<div class="name">Gs1DataBarExpanded</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarExpanded_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarExpanded().Value("(01)00012345678905(10)ABC123").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)00012345678905(10)ABC123</div>
</div>
<div id="Gs1DataBarExpandedStacked" class="barcode-control-result">
<div class="name">Gs1DataBarExpandedStacked</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarExpandedStacked_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarExpandedStacked().Value("(01)00012345678905(10)ABC123").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)00012345678905(10)ABC123</div>
</div>
<div id="Gs1DataBarLimited" class="barcode-control-result">
<div class="name">Gs1DataBarLimited</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarLimited_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarLimited().Value("(01)20012345678909")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div id="Gs1DataBarOmnidirectional" class="barcode-control-result">
<div class="name">Gs1DataBarOmnidirectional</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarOmnidirectional_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarOmnidirectional().Value("(01)20012345678909")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div id="Gs1DataBarStacked" class="barcode-control-result">
<div class="name">Gs1DataBarStacked</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarStacked_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarStacked().Value("(01)20012345678909")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div id="Gs1DataBarStackedOmnidirectional" class="barcode-control-result">
<div class="name">Gs1DataBarStackedOmnidirectional</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarStackedOmnidirectional_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarStackedOmnidirectional().Value("(01)20012345678909")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div id="Gs1DataBarTruncated" class="barcode-control-result">
<div class="name">Gs1DataBarTruncated</div>
<div class="description">@Html.Raw(Resources.Barcode.Gs1DataBarTruncated_Description_Text0)</div>
<div class="barcode">@Html.C1().Gs1DataBarTruncated().Value("(01)20012345678909")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>(01)20012345678909</div>
</div>
<div id="Pdf417" class="barcode-control-result">
<div class="name">Pdf417</div>
<div class="description">@Html.Raw(Resources.Barcode.Pdf417_Description_Text0)</div>
<div class="barcode">@Html.C1().Pdf417().Value("This is a PDF417 barcode").AutoWidthZoom(2)</div>
<div><span class="value">@Html.Raw(Resources.Barcode.Barcode_Index_Text1): </span>This is a PDF417 barcode</div>
</div>
<div id="MicroPdf417" class="barcode-control-result">
<div class="name">MicroPdf417</div>
<div class="description">@Html.Raw(Resources.Barcode.MicroPdf417_Description_Text0)</div>
<div class="barcode">@Html.C1().MicroPdf417().Value("This is a MicroPDF417 barcode")</div>
<div><span class="value">@Html.Raw(Resources.Barcode.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);
$("#" + selectedItem.Name).css("opacity", 1);
}
}
function OnLoadedItems(e) {
e.getFirstNode().select();
}
</script>
}
@section Summary{
<p>@Html.Raw(Resources.Barcode.Barcode_Description_Text0)</p>
}
@section Description{
@Html.Raw(Resources.Barcode.Barcode_Description_Text0)
<p>
@Html.Raw(Resources.Barcode.Codabar_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Code39_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Code49_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Code93_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Code128_Description_Text0)<br />
@Html.Raw(Resources.Barcode.DataMatrixEcc200_Description_Text0)<br />
@Html.Raw(Resources.Barcode.DataMatrixEcc000_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Ean8_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Ean13_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1_128_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarExpanded_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarExpandedStacked_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarLimited_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarOmnidirectional_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarStacked_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarStackedOmnidirectional_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Gs1DataBarTruncated_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Interleaved2of5_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Itf14_Description_Text0)<br />
@Html.Raw(Resources.Barcode.JapanesePostal_Description_Text0)<br />
@Html.Raw(Resources.Barcode.Pdf417_Description_Text0)<br />
@Html.Raw(Resources.Barcode.MicroPdf417_Description_Text0)<br />
@Html.Raw(Resources.Barcode.QRCode_Description_Text0)<br />
@Html.Raw(Resources.Barcode.UpcA_Description_Text0)<br />
@Html.Raw(Resources.Barcode.UpcE0_Description_Text0)<br />
@Html.Raw(Resources.Barcode.UpcE1_Description_Text0)
</p>
}
マニュアル