1

自分のバージョンのリピーターコントロールを作成しようとしています。これはDataBoundControlではありません。DataSource、DataSourceID、DataBindメソッドなどにバインドされません。その中にネストされたテンプレートと、というプロパティがありRepeatCount、前述のプロパティで指定されているように、テンプレート内にあるものはすべて繰り返されます。

ただし、テンプレート内にテキストボックスとそれに関連付けられたオートコンプリートエクステンダーを追加すると、オートコンプリートの機能が機能しなくなります。これは問題の相次ぐことを示す画像です：

ここに画像の説明を入力してください

  • 生成されたテキストボックスIDに注意してください。ID="TextBox1"追加したのはテンプレート内のTextBox だけですが、同じ名前/IDが複数回繰り返されました。

  • テキストボックスが表示されていることがわかります。表示される理由を理解するには、背後のコードを調べて、処理したItemPreRenderイベント
    を（aspxページで）表示します。そのようなコードを記述していなかった場合、次のような例外が発生します。

ここに画像の説明を入力してください

  • ただし、pt2で説明されているようにコードを記述しても、どこにも到達しません。オートコンプリート機能が適切に機能しません。

ここで何が問題になる可能性がありますか？これが適切にリピーターコントロールに入れられ、同様の方法で機能するようにされた場合、それは機能します...

だから私はここで何が欠けていますか？

これが私が共有しているソースコードの一部です：

aspxページ

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyRepeaterComplex.aspx.cs" Inherits="RelationalGridView.Web.MyRepeaterComplex" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc2" %>

<%@ Register Assembly="WebGui.Extensions" Namespace="WebGui.Extensions.MyRepeater"
    TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>MyRepeater Sample</title>
    <style type="text/css">
        /*AutoComplete flyout */

        .autocomplete_completionListElement 
        {  
            margin : 0px!important;
            background-color : inherit;
            color : windowtext;
            border : buttonshadow;
            border-width : 1px;
            border-style : solid;
            cursor : 'default';
            overflow : auto;
            height : 200px;
            text-align : left; 
            list-style-type : none;
        }

        /* AutoComplete highlighted item */

        .autocomplete_highlightedListItem
        {
            background-color: #ffff99;
            color: black;
            padding: 1px;
        }

        /* AutoComplete item */

        .autocomplete_listItem 
        {
            background-color : window;
            color : windowtext;
            padding : 1px;
        }

    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <cc1:MyRepeater ID="MyRepeater1" runat="server" RepeatCount="10">
            <Template>
                <p>Enter Name: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></p>                
                <cc2:AutoCompleteExtender 
                    ID="AutoCompleteExtender1" 
                    runat="server" 
                    TargetControlID="TextBox1"
                    ServicePath="AutoComplete.asmx" 
                    ServiceMethod="GetCompletionList"
                    MinimumPrefixLength="2" 
                    CompletionInterval="1000"
                    EnableCaching="true"
                    CompletionSetCount="20"
                    CompletionListCssClass="autocomplete_completionListElement" 
                    CompletionListItemCssClass="autocomplete_listItem" 
                    CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
                    DelimiterCharacters=";, :"
                    ShowOnlyCurrentWordInCompletionListItem="true">
                </cc2:AutoCompleteExtender>
            </Template>
        </cc1:MyRepeater>
    </div>
    </form>
</body>
</html>

背後にあるApsxコード：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using AjaxControlToolkit;

namespace RelationalGridView.Web
{
    public partial class MyRepeaterComplex : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //MyRepeater1.ItemPreRender += new WebGui.Extensions.MyRepeater.MyRepeaterItemPreRenderDelegate(MyRepeater1_ItemPreRender);
        }

        protected void MyRepeaterItemPrerender(object sender, WebGui.Extensions.MyRepeater.MyRepeaterItemEventArgs e)
        {
            TextBox tbx = (TextBox)e.Container.FindControl("TextBox1");
            AutoCompleteExtender ace = (AutoCompleteExtender)e.Container.FindControl("AutoCompleteExtender1");
            ScriptManager.GetCurrent(this).RegisterExtenderControl(ace, tbx);
        }


    }
}

MyRepeaterのコード

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web.UI.WebControls;
using System.Web.UI;
using System.Collections;

namespace WebGui.Extensions.MyRepeater
{
    public delegate void MyRepeaterItemPreRenderDelegate(object sender, MyRepeaterItemEventArgs e);
    public class MyRepeater: WebControl
    {
        List<Control> Containers;
        [PersistenceMode(PersistenceMode.InnerProperty)]
        [TemplateContainer(typeof(MyRepeaterTemplateContainer))]
        public ITemplate Template { get; set; }

        public event MyRepeaterItemPreRenderDelegate ItemPreRender;

        public MyRepeater()
        {
            RepeatCount = 0;
            Containers = new List<Control>();
        }

        public int RepeatCount { get; set; }       

        protected override void OnPreRender(EventArgs e)
        {
            MyRepeaterItemEventArgs ex = new MyRepeaterItemEventArgs();
            for (int i = 0; i < RepeatCount; i++)
            {
                MyRepeaterTemplateContainer container = new MyRepeaterTemplateContainer();
                container.Page = Page;
                Template.InstantiateIn(container);
                if (ItemPreRender != null)
                {
                    ex.Container=container;
                    ItemPreRender(this, ex);
                }
                Containers.Add(container);
            }            
        }

        protected override void Render(HtmlTextWriter writer)
        {            
            foreach (Control ctrl in Containers)
            {                
                ctrl.RenderControl(writer);
                writer.WriteLine();
            }
        }
    }
}
4

1 に答える 1