UpdatePanel,Repeater,DataBinding问题

时间:2010-06-09 18:19:08

标签: asp.net asp.net-ajax .net-2.0 updatepanel repeater

在用户控件中,我在UpdatePanel内部有一个Repeater(在ModalPopupExtender中显示了id。使用MyDTO对象的数组列表对Repeater进行数据绑定。列表中的每个Item都有两个按钮。绑定后,将设置ImageURL和CommandArgument。

此代码第一次正常工作但此后CommandArgument错误。看起来显示器正确更新但DTO没有,并且发送的CommandArgument是刚删除的。

有人能发现代码有任何问题吗?

编辑:我刚刚在代码中添加了一个CollapsiblePanelExtender。当我现在删除一个项目并展开面板时,之前已删除(并从显示中删除)的项目已经返回。似乎在发动机罩下没有正确重建中继器。

ASCX

<asp:UpdatePanel ID="ViewDataDetail" runat="server" ChildrenAsTriggers="true">
    <Triggers>
        <asp:PostBackTrigger ControlID="ViewDataCloseButton" />
        <asp:AsyncPostBackTrigger ControlID="DataRepeater" />
    </Triggers>
    <ContentTemplate>
        <table width="100%" id="DataResults">
        <asp:Repeater ID="DataRepeater" runat="server" OnItemCommand="DataRepeater_ItemCommand" OnItemDataBound="DataRepeater_ItemDataBound">
        <HeaderTemplate>
            <tr>
            <th><b>Name</b></th>
            <th><b>&nbsp;</b></th>
            </tr>
        </HeaderTemplate>
            <ItemTemplate>
            <tr>
                <td>
                <b><%#((MyDTO)Container.DataItem).Name%></b>
                </td>
                <td>
                <asp:ImageButton CausesValidation="false" ID="DeleteData" CommandName="Delete" runat="server" />
                <asp:ImageButton CausesValidation="false" ID="RunData" CommandName="Run" runat="server" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                <table>
                    <tr>
                    <td>Description : </td>
                    <td><%#((MyDTO)Container.DataItem).Description%></td>
                    </tr>
                    <tr>
                    <td>Search Text : </td>
                    <td><%#((MyDTO)Container.DataItem).Text%></td>
                    </tr>
                </table>
                </td>
            </tr>
            </ItemTemplate>
        </asp:Repeater>
        </table>
    </ContentTemplate>
</asp:UpdatePanel>

代码隐藏

    public DeleteData DeleteDataDelegate;
    public RetrieveData PopulateDataDelegate;
    public delegate ArrayList RetrieveData();
    public delegate void DeleteData(String sData);


 protected void Page_Load(object sender, EventArgs e)
    {
        //load the initial data..
        if (!Page.IsPostBack)
        {
            if (PopulateDataDelegate != null)
            {
                this.DataRepeater.DataSource = this.PopulateDataDelegate();
                this.DataRepeater.DataBind();
            }
        }
    }

    protected void DataRepeater_ItemCommand(object source, RepeaterCommandEventArgs e)
    {
        if (e.CommandName == "Delete")
        {
            if (DeleteDataDelegate != null)
            {
                DeleteDataDelegate((String)e.CommandArgument);
                BindDataToRepeater();
            }
        }
        else if (e.CommandName == "Run")
        {
            String sRunning = (String)e.CommandArgument;
            this.ViewDataModalPopupExtender.Hide();
        }
    }

    protected void DataRepeater_ItemDataBound(object source, RepeaterItemEventArgs e)
    {
        RepeaterItem item = e.Item;
        if (item != null && item.DataItem != null)
        {
            MyDTO oQuery = (MyDTO)item.DataItem;

            ImageButton oDeleteControl = (ImageButton) item.FindControl("DeleteData");
            ImageButton oRunControl = (ImageButton)item.FindControl("RunData");

            if (oDeleteControl != null && oRunControl !=null)
            {
                oRunControl.ImageUrl = "button_expand.gif";
                oRunControl.CommandArgument = "MyID";
                if (oQuery !=null)
                { 
                  //do something
                }
                oDeleteControl.ImageUrl = "btn_remove.gif";
                oDeleteControl.CommandArgument = "MyID";
            }
        }
    }

    public void BindDataToRepeater()
    {
        this.DataRepeater.DataSource = this.PopulateDataDelegate();
        this.DataRepeater.DataBind();
    }

    public void ShowModal(object sender, EventArgs e)
    {
        BindDataToRepeater();
        this.ViewDataModalPopupExtender.Show();
    }

3 个答案:

答案 0 :(得分:7)

感谢您提醒我为何停止使用ASP.NET控件。这是噩梦的确切类型,使得太多项目超出预算和时间表。

我对你的建议是想到实现这个的最简单方法。您可以尝试向后弯曲以使其以ASP.NET方式工作或采用最短路径。 你所做的只是生成HTML,它应该永远不会那么困难。

问题的最可能原因是ViewState存储在页面中,该页面未在部分回发上更新。因此,对于更新面板中的每个更改,您都将回发页面的初始视图状态。

尝试使用简单的for循环替换转发器(并忽略开始抱怨你的人不应该混合标记和代码)。用<%= %>替换数据绑定语句。 这样可以一起消除视图状态,并且应该删除重新出现的任何已删除的行。

答案 1 :(得分:1)

经过多年的讨论,我没有找到解决问题的正确方法,但确实有一个可行的解决办法。

CollapsiblePanelExtender设置为不自动回发,修复了在打开扩展程序时重新出现的已删除数据的问题。我相信另一个问题是相关的。

似乎Repeater的ViewState与数据不同步。 e.CommandArgument并不总是正确的,似乎引用了以前的数据。我尝试通过在打开模态对话框时将MyDTO对象的ArrayList存储在ViewState中并使用从e.Item.ItemIndex检索到的ID来找到要删除的正确元素来修复它。这没有正常工作,从ViewState中拉出的ArrayList不同步。

将ArrayList存储在会话中使得所有工作都让我相信我正在做一些根本错误的事情,或者我正在使用的工具包版本中存在一个微妙的错误(我们仍然在VS2005上)所以坚持使用旧版本的工具包)

道歉,如果这没有意义,如果您想要澄清任何事情,请与我联系。

答案 2 :(得分:1)

尝试使用

  

((IDataItemContainer)容器).DataItem

而不是“Container.DataItem

它对我有用。