0

我的 asp.net 页面上有一个 Datalist，ImageButton其中<Item Template>. 单击an 时ImageButton，我使用ItemCommand事件设置数据项的边框：

 protected void dlProducts_ItemCommand(object source, DataListCommandEventArgs e)
    {
        e.Item.BorderColor = System.Drawing.ColorTranslator.FromHtml("#ff5800");
        e.Item.BackColor = System.Drawing.ColorTranslator.FromHtml("#ffeee5");

    }

这很好用，但是当回发发生时边框会消失。我尝试在页面加载事件中绑定我的数据列表，如下所示：

if (!Page.IsPostBack)
        {
            dlProducts.DataSource = ObjectDataSource4;
            dlProducts.DataKeyField = "Product_ID";
            dlProducts.DataBind();
        }

但是回发后边界消失了。是什么赋予了？

这是数据列表标记：

<asp:DataList ID="dlProducts" runat="server" CellPadding="5" CellSpacing="5"
           OnItemCommand="dlProducts_ItemCommand"
        RepeatColumns="4" RepeatDirection="Horizontal"
            ondatabinding="dlProducts_DataBinding" 
            onitemdatabound="dlProducts_ItemDataBound"  >
            <ItemTemplate>
                <asp:ImageButton ID="img" ImageAlign="Middle" runat="server" 
            ImageUrl='<%# "~/uploads/profile/" + DataBinder.Eval(Container.DataItem,"ProfileImageName").ToString() %>' 
            onclick="img_Click" />
            </ItemTemplate>
    </asp:DataList><asp:ObjectDataSource ID="ObjectDataSource4" runat="server" SelectMethod="GetAllCompetitorProducts"
        TypeName="DalProduct" OldValuesParameterFormatString="original_{0}">
        <SelectParameters>
            <asp:SessionParameter Name="producttype_id" SessionField="ProductType_id" Type="Int32" DefaultValue="13" />
            <asp:SessionParameter DefaultValue="2009" Name="Year" SessionField="Year" Type="Int32" />
        </SelectParameters>
    </asp:ObjectDataSource>
4

1 回答 1

1

试试这个：

 <ItemTemplate>
    <div id="divImg" runat="server">
     <asp:ImageButton ID="img" ImageAlign="Middle" runat="server" 
                ImageUrl='<%# "~/uploads/profile/" + DataBinder.Eval(Container.DataItem,"ProfileImageName").ToString() %>' 
                onclick="img_Click" />

    </div>
 </ItemTemplate>

在 ItemCommand 中

 protected void dlProducts_ItemCommand(object source, DataListCommandEventArgs e)
 {
        var divImg = (HtmlGenericControl)e.Item.FindControl("divImg");
        divImg.Style.Add("background-color", "#ffeee5"); 
 }

如您所见，img 控件现在包装在服务器 div 元素中，因此当回发发生时，它会自动从视图状态恢复其状态。话虽如此，它在回发时工作得很好，但如果你重新绑定你的网格，它就会失去它的风格。为了让它在重新绑定后持续存在，在 itemcommand 上将 img 的 id 存储在 viewstate 中并应用相应的样式。

另外，我建议对 div 元素使用类属性，而不是在代码隐藏中应用颜色。

divImg.Attributes.Add("class", "classnamewhichhasgroundandbordercolor");
于 2012-12-14T21:42:59.350 回答