web-dev-qa-db-ja.com

DropDownListのListItems属性はポストバックで失われますか?

同僚が私にこれを示した:

彼にはDropDownListとWebページ上のボタンがあります。背後にあるコードは次のとおりです。

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            ListItem item = new ListItem("1");
            item.Attributes.Add("title", "A");

            ListItem item2 = new ListItem("2");
            item2.Attributes.Add("title", "B");

            DropDownList1.Items.AddRange(new[] {item, item2});
            string s = DropDownList1.Items[0].Attributes["title"];
        }
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        DropDownList1.Visible = !DropDownList1.Visible;
    }

ページの読み込み時には、アイテムのツールチップが表示されますが、最初のポストバックでは属性が失われます。なぜこれが事実であり、回避策はありますか?

68
David Hodgson

私は同じ問題を抱えていて、 this リソースを作成したいと考えていました。うまくいけば、つまずくまでに無駄になった時間を節約できます。

protected override object SaveViewState()
{
    // create object array for Item count + 1
    object[] allStates = new object[this.Items.Count + 1];

    // the +1 is to hold the base info
    object baseState = base.SaveViewState();
    allStates[0] = baseState;

    Int32 i = 1;
    // now loop through and save each Style attribute for the List
    foreach (ListItem li in this.Items)
    {
        Int32 j = 0;
        string[][] attributes = new string[li.Attributes.Count][];
        foreach (string attribute in li.Attributes.Keys)
        {
            attributes[j++] = new string[] {attribute, li.Attributes[attribute]};
        }
        allStates[i++] = attributes;
    }
    return allStates;
}

protected override void LoadViewState(object savedState)
{
    if (savedState != null)
    {
        object[] myState = (object[])savedState;

        // restore base first
        if (myState[0] != null)
            base.LoadViewState(myState[0]);

        Int32 i = 1;
        foreach (ListItem li in this.Items)
        {
            // loop through and restore each style attribute
            foreach (string[] attribute in (string[][])myState[i++])
            {
                li.Attributes[attribute[0]] = attribute[1];
            }
        }
    }
}
70
Laramie

ありがとう、ララミー。まさに私が探していたもの。属性を完全に保持します。

展開するために、VS2008でドロップダウンリストを作成するためにLaramieのコードを使用して作成したクラスファイルを以下に示します。 App_Codeフォルダーにクラスを作成します。クラスを作成したら、aspxページで次の行を使用して登録します。

<%@ Register TagPrefix="aspNewControls" Namespace="NewControls"%>

その後、これであなたのウェブフォームにコントロールを置くことができます

<aspNewControls:NewDropDownList ID="ddlWhatever" runat="server">
                                                </aspNewControls:NewDropDownList>

OK、クラスです...

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Security.Permissions;
using System.Linq;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace NewControls
{
  [DefaultProperty("Text")]
  [ToolboxData("<{0}:ServerControl1 runat=server></{0}:ServerControl1>")]
  public class NewDropDownList : DropDownList
  {
    [Bindable(true)]
    [Category("Appearance")]
    [DefaultValue("")]
    [Localizable(true)]

    protected override object SaveViewState()
    {
        // create object array for Item count + 1
        object[] allStates = new object[this.Items.Count + 1];

        // the +1 is to hold the base info
        object baseState = base.SaveViewState();
        allStates[0] = baseState;

        Int32 i = 1;
        // now loop through and save each Style attribute for the List
        foreach (ListItem li in this.Items)
        {
            Int32 j = 0;
            string[][] attributes = new string[li.Attributes.Count][];
            foreach (string attribute in li.Attributes.Keys)
            {
                attributes[j++] = new string[] { attribute, li.Attributes[attribute] };
            }
            allStates[i++] = attributes;
        }
        return allStates;
    }

    protected override void LoadViewState(object savedState)
    {
        if (savedState != null)
        {
            object[] myState = (object[])savedState;

            // restore base first
            if (myState[0] != null)
                base.LoadViewState(myState[0]);

            Int32 i = 1;
            foreach (ListItem li in this.Items)
            {
                // loop through and restore each style attribute
                foreach (string[] attribute in (string[][])myState[i++])
                {
                    li.Attributes[attribute[0]] = attribute[1];
                }
            }
        }
    }
  }
}
36
gleapman

簡単な解決策は、ドロップダウンのpre-renderイベントにツールチップ属性を追加することです。状態の変更は、pre-renderイベントで行う必要があります。

サンプルコード:

protected void drpBrand_PreRender(object sender, EventArgs e)
        {
            foreach (ListItem _listItem in drpBrand.Items)
            {
                _listItem.Attributes.Add("title", _listItem.Text);
            }
            drpBrand.Attributes.Add("onmouseover", "this.title=this.options[this.selectedIndex].title");
        }
13
ram

ページの最初のロードでのみリストアイテムをロードする場合は、ViewStateを有効にして、コントロールがその状態をシリアル化し、ページがポストバックしたときにリロードできるようにする必要があります。

ViewStateを有効にできる場所がいくつかあります-web.configの_<pages/>_ノードを確認し、EnableViewStateプロパティのaspxファイル自体の上部にある_<%@ page %>_ディレクティブも確認してください。 ViewStateが機能するには、この設定がtrueである必要があります。

ViewStateを使用したくない場合は、ListItemsを追加するコードの周囲からif (!IsPostBack) { ... }を削除するだけで、各ポストバックでアイテムが再作成されます。

編集:謝罪-あなたの質問を読み違えました。 attributesはViewStateでシリアル化されていないため、ポストバックに耐えることはできません。各ポストバックでこれらの属性を再追加する必要があります。

8
Andrew Hare

1つの簡単なソリューション-ポストバックを要求するクリックイベントでドロップダウンロード関数を呼び出します。

6
Subhash

この問題の典型的な解決策には、通常の状況では実行不可能な新しいコントロールの作成が含まれます。この問題には簡単でありながら些細な解決策があります。

問題は、ListItemがポストバック時に属性を失うことです。ただし、リスト自体がカスタム属性を失うことはありません。このように、シンプルでありながら効果的な方法でこれを利用できます。

手順:

  1. 上記の回答のコードを使用して属性をシリアル化します( https://stackoverflow.com/a/3099755/36248

  2. ListControlのカスタム属性(ドロップダウンリスト、チェックリストボックスなど)に保存します。

  3. ポストバック時に、ListControlからカスタム属性を読み取り、属性として非シリアル化します。

属性をシリアル化するために使用したコードは次のとおりです(バックエンドから取得したときにリストのどの項目が選択されたようにレンダリングされていたのかを追跡し、変更によって行を保存または削除しますUIのユーザー):

string[] selections = new string[Users.Items.Count];
for(int i = 0; i < Users.Items.Count; i++)
{
    selections[i] = string.Format("{0};{1}", Users.Items[i].Value, Users.Items[i].Selected);
}
Users.Attributes["data-item-previous-states"] = string.Join("|", selections);

(上記の「ユーザー」はCheckboxListコントロールです)。

ポストバック(私の場合は[送信]ボタンクリックイベント)で、次のコードを使用して同じものを取得し、後処理のためにディクショナリに保存します。

Dictionary<Guid, bool> previousStates = new Dictionary<Guid, bool>();
string[] state = Users.Attributes["data-item-previous-states"].Split(new char[] {'|'}, StringSplitOptions.RemoveEmptyEntries);
foreach(string obj in state)
{
    string[] kv = obj.Split(new char[] { ';' }, StringSplitOptions.None);
    previousStates.Add(kv[0], kv[1]);
}

(PS:エラー処理とデータ変換を実行するライブラリfuncsがありますが、ここでは簡潔にするために同じものを省略しています)。

2
user3624833

これは、Laramieが提案し、gleapmanが改良したソリューションのVB.Netコードです。

更新:以下に投稿したコードは、実際にはListBoxコントロール用です。継承をDropDownListに変更し、クラスの名前を変更するだけです。

Imports System.Collections.Generic
Imports System.ComponentModel
Imports System.Security.Permissions
Imports System.Linq
Imports System.Text
Imports System.Web
Imports System.Web.UI
Imports System.Web.UI.WebControls

Namespace CustomControls

<DefaultProperty("Text")> _
<ToolboxData("<{0}:ServerControl1 runat=server></{0}:ServerControl1>")>
Public Class PersistentListBox
    Inherits ListBox

    <Bindable(True)> _
    <Category("Appearance")> _
    <DefaultValue("")> _
    <Localizable(True)> _
    Protected Overrides Function SaveViewState() As Object
        ' Create object array for Item count + 1
        Dim allStates As Object() = New Object(Me.Items.Count + 1) {}

        ' The +1 is to hold the base info
        Dim baseState As Object = MyBase.SaveViewState()
        allStates(0) = baseState

        Dim i As Int32 = 1
        ' Now loop through and save each attribute for the List
        For Each li As ListItem In Me.Items
            Dim j As Int32 = 0
            Dim attributes As String()() = New String(li.Attributes.Count - 1)() {}
            For Each attribute As String In li.Attributes.Keys
                attributes(j) = New String() {attribute, li.Attributes(attribute)}
                j += 1
            Next
            allStates(i) = attributes
            i += 1
        Next


        Return allStates
    End Function

    Protected Overrides Sub LoadViewState(savedState As Object)
        If savedState IsNot Nothing Then
            Dim myState As Object() = DirectCast(savedState, Object())

            ' Restore base first
            If myState(0) IsNot Nothing Then
                MyBase.LoadViewState(myState(0))
            End If

            Dim i As Int32 = 1
            For Each li As ListItem In Me.Items
                ' Loop through and restore each attribute 
                ' NOTE: Ignore the first item as that is the base state and is represented by a Triplet struct
                For Each attribute As String() In DirectCast(myState(i), String()())
                    li.Attributes(attribute(0)) = attribute(1)
                    i += 1
                Next
            Next
        End If
    End Sub
End Class
End Namespace
1
MPaul

@Sujayセミコロンで区切られたテキストをドロップダウンの値属性(csvスタイルなど)に追加し、String.Split( ';')を使用して1つの値から2つの「値」を取得し、回避する回避策として使用できます。新しいユーザーコントロールを作成する必要はありません。特に、追加の属性がほとんどなく、長すぎない場合。また、ドロップダウンの値属性にJSON値を使用して、そこから必要なものをすべて解析することもできます。

1
APetersen786

私はセッション変数を使用してそれを達成することができました、私の場合、私のリストには多くの要素が含まれないので、かなりうまく機能します、これは私がそれをやった方法です:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        string[] elems;//Array with values to add to the list
        for (int q = 0; q < elems.Length; q++)
        {
            ListItem li = new ListItem() { Value = "text", Text = "text" };
            li.Attributes["data-image"] = elems[q];
            myList.Items.Add(li);
            HttpContext.Current.Session.Add("attr" + q, elems[q]);
        }
    }
    else
    {
        for (int o = 0; o < webmenu.Items.Count; o++) 
        {
            myList.Items[o].Attributes["data-image"] = HttpContext.Current.Session["attr" + o].ToString();
        }
    }
}

最初にページが読み込まれると、リストにデータが追加され、ポストバック後に失われるImage属性が追加されます:(そのため、属性を持つ要素を追加するときに、1つのセッション変数「attr」と取得した要素数「for」サイクルから(attr0、attr1、attr2などのようになります)、ポストバックが発生したときに属性の値(私の場合はイメージへのパス)を保存します(「 else」)リストをループし、ページがロードされたときと同じ「for」ループの「int」を使用してセッション変数から取得した属性を追加します(これはこのページに要素を追加しないためです常に同じインデックスを持つように選択するだけでリストに追加され、属性が再設定されます。これが将来の誰かの挨拶に役立つことを願っています。

0
JCO9
    //In the same block where the ddl is loaded (assuming the dataview is retrieved whether postback or not), search for the listitem and re-apply the attribute
    if(IsPostBack)
    foreach (DataRow dr in dvFacility.Table.Rows)
{                        
   //search the listitem 
   ListItem li = ddl_FacilityFilter.Items.FindByValue(dr["FACILITY_CD"].ToString());
    if (li!=null)
 {
  li.Attributes.Add("Title", dr["Facility_Description"].ToString());    
 }                  
} //end for each  
0
Raphael Soliman

ViewStateを使用しないシンプルなソリューション、新しいサーバーコントロールまたは複雑な複合システムの作成:

作成:

public void AddItemList(DropDownList list, string text, string value, string group = null, string type = null)
{
    var item = new ListItem(text, value);

    if (!string.IsNullOrEmpty(group))
    {
        if (string.IsNullOrEmpty(type)) type = "group";
        item.Attributes["data-" + type] = group;
    }

    list.Items.Add(item);
}

更新中:

public void ChangeItemList(DropDownList list, string eq, string group = null, string type = null)
{
    var listItem = list.Items.Cast<ListItem>().First(item => item.Value == eq);

    if (!string.IsNullOrEmpty(group))
    {
        if (string.IsNullOrEmpty(type)) type = "group";
        listItem.Attributes["data-" + type] = group;    
    }
}

例:

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        using (var context = new WOContext())
        {
            context.Report_Types.ToList().ForEach(types => AddItemList(DropDownList1, types.Name, types.ID.ToString(), types.ReportBaseTypes.Name));
            DropDownList1.DataBind();
        }
    }
    else
    {
        using (var context = new WOContext())
        {
            context.Report_Types.ToList().ForEach(types => ChangeItemList(DropDownList1, types.ID.ToString(), types.ReportBaseTypes.Name));
        }
    }
}
0
Andrei Shostik