ASP.NET ユーザーコントロール内にComboBoxを作成し候補値を表示,新規入力したデータを取得したい

前提・実現したいこと

Net-FrameWork 4.0
Windows10
VisualStudio 2010

構成
WebApplication1.aspx
WebUserControl.ascx (ajaxToolkit:ComboBoxを配置)

(ASP.NET ユーザーコントロール内にComboBoxを作成し候補リストを表示,入力されている内容(XXX)をテキストに表示したい)

発生している問題

読み込みボタンが押されると,コンボボックスに表示されている内容を取得してテキストに表示したいのですが

　　その処理の書き方がわかりません。

Private Sub btnREAD_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnREAD.Click
    TextBox1.Text = WebUserControl.ComboRiyu.Items   <--- "このコンテキストではアクセス表示出来ません" というエラーになります。
End Sub

WebApplication1.aspxのデザイン

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="WebApplication1.aspx.vb" Inherits="WebPartList.WebApplication1" %>
<%@ Register src="WebUserControl.ascx" tagname="WebUserControl" tagprefix="uc1" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="~/Styles/style.css" rel="stylesheet" type="text/css" />
    <title></title>
</head>
	 <form id="Form1" method="post" runat="server" DefaultFocus="SRART_YMD" > 
            <div id="Div1" style="padding: 20px; " >
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
           
               <td class="style1" >　ASPX</td>
                <td colspan="5" class="style1"> 
                    <ajaxToolkit:ComboBox ID="ComboBOX" runat="server" AutoCompleteMode="Append">
                    <asp:ListItem Selected="True"></asp:ListItem>
                    <asp:ListItem Selected="True">AAA</asp:ListItem>
                    <asp:ListItem Selected="True">BBB</asp:ListItem>
                    <asp:ListItem Selected="True">CCC</asp:ListItem>
                    </ajaxToolkit:ComboBox>
                </td> 

                <asp:Button ID="btnREAD" runat="server" Height="25px" Text="読　込" />
            <br />
            <div id="twcol_2" style="width : 1500px; height: 500px; " >
               <uc1:WebUserControl ID="WebUserControl" runat="server" />
            </div>
            </div>
	</form>
</html>

WebApplication1.aspx

Public Class WebApplication1
    Inherits System.Web.UI.Page

    Private Sub btnREAD_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnREAD.Click
        'TextBox1.Text = WebUserControl.ComboRiyu.Items
        TextBox1.Text = ComboBOX.Text
    End Sub
End Class

WebUserControl.ascxのデザイン

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="WebUserControl.ascx.vb" Inherits="WebPartList.WebUserControl" %>
<!DOCTYPE html>
    <link href="~/Styles/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    .style1
    {
        height: 25px;
    }
</style>

<div class="menseki">
    <div class="left_01" style="width: 508px">
        <table border="1">
            <tr style="color: orange; text-align: center;background-color: #3366FF;">
                <td  colspan="5" ></td>
            </tr>
            <tr>
                <td class="style1" >　理　　由</td>
                <td colspan="5" class="style1"> 
                    <ajaxToolkit:ComboBox ID="ComboRiyu" runat="server" AutoCompleteMode="Append">
                    <asp:ListItem Selected="True">XXX</asp:ListItem>
                    <asp:ListItem Selected="True">AAA</asp:ListItem>
                    <asp:ListItem Selected="True">BBB</asp:ListItem>
                    <asp:ListItem Selected="True">CCC</asp:ListItem>
                    </ajaxToolkit:ComboBox>
                </td> 
            </tr>
        </table>
    </div>
</div>

WebUserControl.aspxのデザイン

Public Class WebUserControl
    Inherits System.Web.UI.UserControl
    Public ReadOnly Property DropDownListItems As ListItemCollection
        Get
            Return ComboRiyu.Items
        End Get
    End Property
End Class

退会済みユーザー

2021/03/18 02:31

前のスレッドで、自分で全く分かってないメチャクチャなコードを書いて他人に見てくれと投げるのは止めましょうとお願いしたはずですが。質問をするなら、日本語で自分のやりたいことを文章で他人にきちんと伝えられるスキルを身に着けてからにしてくださいともお願いしたはずですが。「ゲットしたい」ってどういうこと？

退会済みユーザー

2021/03/18 07:42

前のスレッドで、自分で全く分かってないメチャクチャなコードを書いて他人に見てくれと投げるのは止めましょうとお願いしたはずですが。質問をするなら、日本語で自分のやりたいことを文章で他人にきちんと伝えられるスキルを身に着けてからにしてくださいともお願いしたはずですが。「取得したい」ってどういうこと？

pentagon

2021/03/19 01:14

新規に入力したデータをDBに書き込みたいのですが? どう書けばよいのですか? Dim WK as integer = 取得したデータと書けば良いのですか?

退会済みユーザー

2021/03/19 01:33

一読してみましょう → https://teratail.com/help/question-tips そして、そしてそのガイドラインと、上に私が書いたこと（以下に再掲）をよく考えて質問文を書き換えてください。自分で全く分かってないメチャクチャなコードを書いて他人に見てくれと投げるのは止めましょう。質問をするなら、日本語で自分のやりたいことを文章で他人にきちんと伝えられるスキルを身に着けてからにしてください。いずれも上に紹介したガイドラインに従えばできているはずです。それができないということであれば話は通じないので私は撤退します。

退会済みユーザー

2021/03/19 05:39

「WebUserControl.ascxのデザイン」のコードの ListItem が全部 Selected="True" になっているのは何故？　未選択状態からユーザーが選ぶのではないのですか？ XXX は初期リストには無くてユーザーが入力するという話では？　なのに何故 <asp:ListItem Selected="True">XXX</asp:ListItem> が含まれているのですか？ ComboBox が直接 .aspx に配置されている場合なら望むことはできるのですか？　であればそのコードを書いてください。そうしてもらえると何がしたいのか理解できそうですので。

pentagon

2021/03/19 07:17 編集

XXX は初期リストには無くてユーザーが入力するという話では？ユーザーが入力または選択された内容を取得したいという意味で画面コピーを作ってしまいました。このあたりも注意します。画面のハードコピーが小さくて申し訳ありません。

退会済みユーザー

2021/03/19 07:35

聞いたことに答える気はないようですね。自分は撤退します。

行動規範の内容に同意します

回答1件

撤退すると言いながら何ですが、自分の関わったスレッドがこのまま放置になるのもなんですので、やりたいことの詳細が分かりませんが想像ベースで回答を書いておきます。

やりたいことは多分：

(1) Ajax Control Toolkit の ComboBox を配置したユーザーコントロールを作成、

(2) そのユーザーコントロールを .aspx ページに実装、

(3) .aspx ページに Button を配置し、その Click イベントのハンドラを実装、

(4) ユーザーが ComboBox から項目を選択。項目に適切なものがない場合は自分で入力、

(5) .aspx ページの Button をクリックするとポストバックされ Button.Click イベントのハンドラに制御が飛ぶのでそこで上記 (4) で選択した項目またはユーザー入力の Text (Value ではなくて) を取得、

(6) 上記 (5) で取得した Text を .aspx ページの TextBox に表示する。

・・・と想像して。

ユーザーコントロール WebUserControl1.ascx

ユーザー入力の検証は必ず以下に追加して実装すること。

<%@ Control Language="C#" AutoEventWireup="true" 
    CodeBehind="WebUserControl1.ascx.cs" 
    Inherits="WebApplication1.WebUserControl1" %>
<%@ Register Assembly="AjaxControlToolkit" 
    Namespace="AjaxControlToolkit" 
    TagPrefix="ajaxToolkit" %>

<h3>WebUserControl1</h3>

<ajaxToolkit:ComboBox ID="ComboBox1" runat="server">
    <asp:ListItem Text="AAA" Value="1"></asp:ListItem>
    <asp:ListItem Text="BBB" Value="2"></asp:ListItem>
    <asp:ListItem Text="CCC" Value="3"></asp:ListItem>
</ajaxToolkit:ComboBox>

コードビハインド WebUserControl1.ascx.cs

using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class WebUserControl1 : System.Web.UI.UserControl
    {
        public ListItem ComboBoxSelectedItem
        {
            get
            {
                return ComboBox1.SelectedItem;
            }
        }
    }
}

.aspx ページ

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeBehind="WebForm21.aspx.cs" 
    Inherits="WebApplication1.WebForm21" %>

<%@ Register TagPrefix="uc" Src="~/WebUserControl1.ascx" 
    TagName="MyControl" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        <div>
            <uc:MyControl ID="myControl" runat="server" />
        </div>
    </form>
</body>
</html>

.aspx.cs コードビハインド

using System;

namespace WebApplication1
{
    public partial class WebForm21 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            if (myControl.ComboBoxSelectedItem != null)
            {
                // Value ではなく Text を取得したいと理解
                TextBox1.Text = myControl.ComboBoxSelectedItem.Text;
            }
        }
    }
}

結果は：