如何将 datalist 的 imageurl 绑定到插入命令中 datalist 之外的图像控件答案

【问题标题】：how to bind imageurl of datalist to the image control which is out side of datalist on insert command如何将 datalist 的 imageurl 绑定到插入命令中 datalist 之外的图像控件
【发布时间】：2011-08-17 19:36:33
【问题描述】：

我在 datalist 之外有一个图像控件，我想在插入命令上将图像 url 分配给这个图像控件。

数据列表：

<asp:DataList ID="DataList1" runat="server" RepeatDirection="Vertical" onitemcommand="DataList1_ItemCommand" onitemdatabound="DataList1_ItemDataBound" CaptionAlign="Right" CellSpacing="6">
<ItemTemplate>
<asp:ImageButton ID="Image" runat="server" ImageUrl='<%#"~/Controls/ShowImage.ashx?FileName=" +DataBinder.Eval(Container.DataItem, "FilePath") %>'
 OnCommand="Insert_Command" CommandArgument='<%# Eval("Id").ToString() +";"+Eval("FilePath")%>' />
 <asp:Label ID="lblimagenumber" runat ="server" Text='<%# DataBinder.Eval(Container.DataItem, "FileName") %>' ></asp:Label>
</ItemTemplate>
</asp:DataList>

数据列表外的图像控制：

<div id="loadarea" class="imageViewArea">
        <asp:Image ID="imgthumb" runat="server" />
    </div>

插入命令：

protected void Insert_Command(object sender, CommandEventArgs e)
    {
        string[] str = e.CommandArgument.ToString().Split(';');
        hImgInsId.Value = str[0];
        ImgName = str[1];

        //Image imgThumb = (Image)this.FindControl("imgthumb");
        //imgThumb.ImageUrl=
        //how to assign datalist image url to image contol here...?
        // this is datalist imagebtn imageurl ImageUrl='<%#"~/Controls/ShowImage.ashx?FileName=" +DataBinder.Eval(Container.DataItem, "FilePath") %>'
    }

   public void BindImages()
    {
        List<int> ImgIds = new List<int>();
        List<string> imgFileName = new List<string>();
        txbCaption.Text = "";
        if (ImgUpLoad.ImgFleIds != null)
            ImgIds = ImgUpLoad.ImgFleIds;
        if (ViewState["imgIds"] != null)
        {
            List<int> oldids = (List<int>)ViewState["imgIds"];
            ImgIds.AddRange(oldids);
            ImgIds.Sort();
        }
        path = objGetBaseCase.GetImages(ImgIds);
        for (int i = 0; i < path.Count; i++)
        {
            ArrayList alst = path[i];
            if (i == 0)
                hImgInsId.Value = alst[0].ToString();

            tb.Rows.Add(Convert.ToInt32(alst[0]), "Figure " + (i + 1).ToString(), alst[2].ToString());
            imgIds.Add(Convert.ToInt32(alst[0]));
            imgFileName.Add(alst[2].ToString());
        }
        ViewState["imgIds"] = imgIds;
        ViewState["imgFileName"] = imgFileName;
        DataList1.DataSource = tb;
        DataBind();
        ImgIds.Clear();
        if (DataList1.Items.Count == 1)
        {

            Label lblimgname = (Label)DataList1.Items[0].FindControl("lblimagenumber");
            lblimgname.Style.Add(HtmlTextWriterStyle.Color, "Red");
            lblimgname.Font.Bold = true;
            if (imgIdCapHtbl != null && imgIdCapHtbl.ContainsKey(imgIds[0]))
                txbCaption.Text = imgIdCapHtbl[imgIds[0]].ToString();
        }

    }

【问题讨论】：

标签： c# asp.net datalist

【解决方案1】：

imgThumb.ImageUrl="~/Controls/ShowImage.ashx?FileName=" +ImgName;

或者我在你的问题中遗漏了什么？

【讨论】：

这取决于您何时绑定DataList，如果在页面加载之前则可以。
实际上我想在图像 coltrol 中显示 datalist 的第一张图像，因为图像正在上传到 datalist 中。现在它在我单击图像时显示。而且我没有在页面加载之前绑定数据列表。
请分享您的数据列表的绑定逻辑。很难回答。在下一个问题之后取消将问题标记为已回答是不公平的！
我已经编辑了 qus，并添加了我在页面加载时调用的数据绑定代码。 ImgUpLoad.AddImgs += 委托 { BindImages(); };现在请告诉我如何在上传图片时显示第一张图片
伙计，你需要在这里进行大量的重构！所有这些代码都是不可读的！ ImgUpLoad 是什么？？？？我在你的 ascx/aspx 代码中看不到它...