Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > .NET Framework > Forum > สอบถามว่า ต้องแก้ไข Code อย่างไร จึงจะสามารถ loop ในส่วน asp:label หรือ asp:PlaceHolder ตามการเลือกตัวเลือกใน asp:checkbox ได้ครับ

[.NET] สอบถามว่า ต้องแก้ไข Code อย่างไร จึงจะสามารถ loop ในส่วน asp:label หรือ asp:PlaceHolder ตามการเลือกตัวเลือกใน asp:checkbox ได้ครับ

เริ่มหัวข้อใหม่

doanga1

โพสกระทู้ ( 131 )
บทความ ( 14 )

สอบถามว่า ต้องแก้ไข Code อย่างไร จึงจะสามารถ loop ในส่วน asp:label หรือ asp:PlaceHolder ตามการเลือกตัวเลือกใน asp:checkbox ได้ ซึ่งปัจจุบันนี้ ไม่ว่าจะเลือกกี่ตัวเลือกใน asp:checkbox ก็จะแสดงผลทาง asp:label หรือ asp:PlaceHolder แค่ค่าเดียวตลอดครับ

Link Code ทั้งหมดของผมครับ

https://github.com/doanga2007/CheckLoopQR

ตัวอย่าง Code ในส่วนสำคัญครับ

1.Default.aspx (HTML Code)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CheckLoopQR.Default" %>
 
<!DOCTYPE html>
 
<html>
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.6.4.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">
    $(window).load(function(){
 
    $("#checkAll").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
    });
    });
    </script>
 
</head>
<body>
    <form id="form1" runat="server">
        <div class="container">
            <h2>QR Code Generator</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Please Input Data</label>
                        <div class="input-group">
                            <asp:TextBox ID="txtQRCode" runat="server" CssClass="form-control"></asp:TextBox>
                            <div class="input-group-prepend">
                                <asp:Button ID="btnGenerate" runat="server" CssClass="btn btn-secondary" Text="Generate" OnClick="btnGenerate_Click" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
 
            <asp:Button ID="btnSelect" runat="server" CssClass="btn btn-secondary" Text="Display Text" OnClick="btnSelect_Click" /><br /><br />
 
            <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder><br /><br />
 
            <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
 
            <asp:CheckBoxList 
            ID="CheckBox1"
            runat="server"
            Border="1"
            BorderColor="LightGray"
            Font-Size="Large"></asp:CheckBoxList>  
 
        </div>
    </form>
</body>
</html>

2.Default.aspx.cs (C# Code)

using System;
using System.Drawing;
using System.IO;
using ZXing.Common;
using ZXing;
using ZXing.QrCode;
using System.Web.UI.WebControls;
 
namespace CheckLoopQR
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }
        protected void btnSelect_Click(object sender, EventArgs e)
        {
            string code = txtQRCode.Text;
            long num = Convert.ToInt64(code);
 
            int i;
 
            for (i = 1; i < 11; i++)
            {
                num += i;
                CheckBox1.Items.Add(new ListItem(" " + num));
            }
        }
        protected void btnGenerate_Click(object sender, EventArgs e)
        {
            if (CheckBox1.SelectedItem == null)
            {
                Response.Redirect("Default.aspx");
            }
 
            string code = CheckBox1.SelectedItem.Text;
 
            CheckBox1.Visible = false;
 
            QrCodeEncodingOptions options = new QrCodeEncodingOptions();
 
            options = new QrCodeEncodingOptions
            {
                DisableECI = true,
                CharacterSet = "UTF-8",
                Width = 150,
                Height = 150,
                Margin = 0,
            };
 
            var barcodeWriter = new BarcodeWriter();
            barcodeWriter.Format = BarcodeFormat.QR_CODE;
            barcodeWriter.Options = options;
 
            System.Web.UI.WebControls.Image imgBarCode = new System.Web.UI.WebControls.Image();
            imgBarCode.Height = 150;
            imgBarCode.Width = 150;
 
            using (Bitmap bitMap = barcodeWriter.Write(code))
            {
                using (MemoryStream ms = new MemoryStream())
                {
                    bitMap.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
                    byte[] byteImage = ms.ToArray();
                    imgBarCode.ImageUrl = "data:image/png;base64," + Convert.ToBase64String(byteImage);
                }
                PlaceHolder1.Controls.Add(imgBarCode);
            }
        }
    }
}

Tag : .NET, HTML, HTML5, Web (ASP.NET), C#, VS 2013 (.NET 4.x)

Date : 2019-09-19 20:15:14

By : doanga2007

View : 831

Reply : 3

No. 1

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

ใช้ Repeater ครับ

Date : 2019-09-20 09:20:32

By : mr.win

No. 2

doanga1

โพสกระทู้ ( 131 )
บทความ ( 14 )

ขอบคุณครับสำหรับข้อมูล ผมศึกษาเรื่อง asp:Repeater แล้ว ในตัวอย่าง เห็นเฉพาะแบบใช้คู่กับ Microsoft SQL ผ่าน DataBind จึงสอบถามว่าต่อว่าสามารถใช้ asp:Repeater ในส่วน DataBind คู่กับ

1.<asp:CheckBoxList ID="CheckBox1" runat="server" Border="1"

2.BorderColor="LightGray" Font-Size="Large"></asp:CheckBoxList>

โดยเก็บค่าการเลือก Checkbox ใน asp:CheckBoxList โดยไม่ต้องใช้คู่กับ Microsoft SQL ได้ไหมครับ

Date : 2019-09-24 16:03:23

By : doanga2007

No. 3

doanga1

โพสกระทู้ ( 131 )
บทความ ( 14 )

แจ้งข่าว : สามารถแก้ปัญหาเรื่อง "วน Loop ข้อมูลใน Array String แล้ว Loop ตามการเลือก CheckBoxList" โดยไม่ต้องใช้คู่กับ MSSQL ได้แล้ว ตามวิธีแก้ปัญหาด้านล่างครับ

Link บทความ ครับ

เขียนบทความเสร็จสิ้นแล้ว ตาม Link นี้ : https://www.thaicreate.com/community/c-sharp-asp.net-how-to-loop-data-in-array-string-to-always-loop-with-checkboxlist-without-mssql.html

ซึ่ง Link แสดงบทความ ขณะรอขึ้นหน้าแรก อยู่ที่ Link : https://www.thaicreate.com/community/c-sharp-asp.net-how-to-loop-data-in-array-string-to-always-loop-with-checkboxlist-without-mssql/view.html ครับ

เพิ่มเติม : วิธีแก้ปัญหาเรื่อง "วน Loop ข้อมูลใน Array String แล้ว Loop ตามการเลือก CheckBoxList" โดยไม่ต้องใช้คู่กับ MSSQL มี Code ดังนี้ครับ

Source Code

https://github.com/doanga2007/CheckLoopQR

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CheckLoopQR.Default" %>
 
<!DOCTYPE html>
 
<html>
<head runat="server">
    <title></title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.6.4.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">
 
    $(window).load(function(){
       
    $("#checkAll").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
    });
 
    });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="container">
            <h2>QR Code Generator</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Please Input Data</label>
                        <div class="input-group">
                            <asp:TextBox ID="txtQRCode" runat="server" CssClass="form-control"></asp:TextBox>
                            <div class="input-group-prepend">
                                <asp:Button ID="btnGenerate" runat="server" CssClass="btn btn-secondary" Text="Generate" OnClick="btnGenerate_Click" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
 
            <asp:Button ID="btnSelect" runat="server" CssClass="btn btn-secondary" Text="Display Text" OnClick="btnSelect_Click" /><br /><br />
 
            <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
 
            <asp:CheckBox ID="checkAll" runat="server" Font-Size="Large"/><asp:Label id="checkTextAll" runat="server" Font-Size="Large"></asp:Label><br /><br />
 
            <asp:CheckBoxList ID="CheckBox1" runat="server" Border="1"
            BorderColor="LightGray" Font-Size="Large"></asp:CheckBoxList>  
 
        </div>
    </form>
</body>
</html>

Default.aspx.cs

using System;
using System.Drawing;
using System.IO;
using ZXing.Common;
using ZXing;
using ZXing.QrCode;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
 
namespace CheckLoopQR
{
    public partial class Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            this.checkTextAll.Text = " Check All";
        }
        protected void btnSelect_Click(object sender, EventArgs e)
        {
            string code = txtQRCode.Text;
            long num = Convert.ToInt64(code);
 
            int i;
 
            for (i = 1; i < 4; i++)
            {
                num += i;
                CheckBox1.Items.Add(new ListItem(" " + num));
            }
        }
        protected void btnGenerate_Click(object sender, EventArgs e)
        {
            if (CheckBox1.SelectedItem == null)
            {
                Response.Redirect("Default.aspx");
            }
 
            string[] texture = { "Selected Item Text1 : ", "Selected Item Text2 : ", "Selected Item Text3 : " };
            int a = 0;
 
            foreach (ListItem listItem in CheckBox1.Items)
            {
                if (listItem.Selected)
                {
                    a++;
 
                    string code = listItem.Text;
 
                    CheckBox1.Visible = false;
                    checkAll.Visible = false;
                    checkTextAll.Visible = false;
 
                    QrCodeEncodingOptions options = new QrCodeEncodingOptions();
 
                    options = new QrCodeEncodingOptions
                    {
                        DisableECI = true,
                        CharacterSet = "UTF-8",
                        Width = 150,
                        Height = 150,
                        Margin = 0,
                    };
 
                    var barcodeWriter = new BarcodeWriter();
                    barcodeWriter.Format = BarcodeFormat.QR_CODE;
                    barcodeWriter.Options = options;
 
                    System.Web.UI.WebControls.Image imgBarCode = new System.Web.UI.WebControls.Image();
                    imgBarCode.Height = 150;
                    imgBarCode.Width = 150;
 
                    Label lblvalues = new Label();
                    lblvalues.Text += texture[a-1] + listItem.Text;
                    lblvalues.Font.Size = FontUnit.Large;
                    Label lblvalues2 = new Label();
                    lblvalues2.Text += texture[a-1] + listItem.Text;
                    lblvalues2.Font.Size = FontUnit.Large;
                    Label lblvalues3 = new Label();
                    lblvalues3.Text += texture[a-1] + listItem.Text;
                    lblvalues3.Font.Size = FontUnit.Large;
 
                    using (Bitmap bitMap = barcodeWriter.Write(code))
                    {
                        using (MemoryStream ms = new MemoryStream())
                        {
                            bitMap.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
                            byte[] byteImage = ms.ToArray();
                            imgBarCode.ImageUrl = "data:image/png;base64," + Convert.ToBase64String(byteImage);
                        }
                        PlaceHolder1.Controls.Add(imgBarCode);
                        PlaceHolder1.Controls.Add(new HtmlGenericControl("br"));
                        PlaceHolder1.Controls.Add(lblvalues);
                        PlaceHolder1.Controls.Add(new HtmlGenericControl("br"));
                        PlaceHolder1.Controls.Add(lblvalues2);
                        PlaceHolder1.Controls.Add(new HtmlGenericControl("br"));
                        PlaceHolder1.Controls.Add(lblvalues3);
                        PlaceHolder1.Controls.Add(new HtmlGenericControl("br"));
                    }
                }
                else
                {
                    //do something else 
                }
            }
        }
    }
}

ประวัติการแก้ไข
2019-11-07 10:37:07

Date : 2019-11-02 19:22:13

By : doanga2007

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามว่า ต้องแก้ไข Code อย่างไร จึงจะสามารถ loop ในส่วน asp:label หรือ asp:PlaceHolder ตามการเลือกตัวเลือกใน asp:checkbox ได้ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

No. 1

No. 2

No. 3

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice