如何在ListView控件的ItemTemplate内部调用函数

问题描述

|| 我有一个ListView控件，需要在ItemTemplate中插入一些图片。

<asp:ListView runat=\"server\" ID=\"VareListView\">
 <LayoutTemplate>
   <table cellpadding=\"2\" runat=\"server\" id=\"tblVarer\" style=\"width:100%;border-collapse:collapse;\" >
    <tr runat=\"server\" id=\"itemPlaceholder\">
    </tr>
</table>
 </LayoutTemplate>
 <ItemTemplate>
    <tr id=\"Tr1\" style=\"height:100px\" class=\"tblRow\" runat=\"server\" >
   <td valign=\"top\">
     <asp:Image ID=\"ProduktImage\" runat=\"server\" ImageUrl=\'<%# string.Format(\"images_produkt/{0}.jpg\",Eval(\"Varenr\"))%>\'  />
   </td>
   <td valign=\"top\" class=\"\">
         <asp:Label ID=\"LastNameLabel\" runat=\"server\" Text=\'<%# Eval(\"Varenavn1\")%>\' />
         <br />
         <asp:Label ID=\"FirstNameLabel\" runat=\"server\" Text=\'<%# string.Format(\"Varenr: {0}\",Eval(\"Varenr\")) %>\' />
         <br />
         <asp:Label ID=\"Varenavn2\" runat=\"server\" Text=\'<%#Eval(\"Varenavn2\") %>\' />
         <br />
         <asp:Label ID=\"Varenavn3\" runat=\"server\" Text=\'<%#Eval(\"Varenavn3\") %>\' />
         <br />

此时，如果文件名包含\“ Varenr \”，我需要插入图片 像这样

        DirectoryInfo myDir = new DirectoryInfo(Request.PhysicalPath.Substring(0,Request.PhysicalPath.LastIndexOf(\"\\\\\")) + \"/images_produkt/montering\"); 
        FileInfo[] files = myDir.GetFiles(varenr + \"*\");
        if (files.Length != 0)
        {
            foreach (FileInfo fil in files)
            {
                            Image img = new Image();
                            img.ImageUrl = \"/images_produkt/montering/\" + fil.Name;
                            img.Height = 20;
                            img.Width = 20;
            }
          }

但是我现在不知道如何使它起作用:) ListView代码的其余部分是这样的

   </td>
   <td valign=\"top\" align=\"right\" class=\"\">
         <asp:Panel ID=\"Enhet\" runat=\"server\" Visible=\'<%#Eval(\"Enhet\").ToString() != String.Empty %>\'>
             <asp:Label ID=\"Pris\" runat=\"server\" Text=\'<%# string.Format(\"{0} kr\",Eval(\"Pris2\"))%>\' />
             <br />
         </asp:Panel>
         <asp:Label ID=\"Vekt\" runat=\"server\" Text=\'<%# string.Format(\"{0} Kg\",Eval(\"Vekt\"))%>\' />
         <br />
         <asp:TextBox ID=\"Antall\" runat=\"server\" Text=\"1\" Width=\"20\"></asp:TextBox>
         <asp:Image ID=\"Image1\" runat=\"server\" ImageUrl=\'style/shoping01.jpg\' Width=\"22\" Height=\"22\" />
   </td>
 </tr>

    

解决方法

使用ItemDataBound事件并在要插入图像的位置放置一个PlaceHolder控件，在ItemDataBound事件中找到Placeholder控件并动态添加图像，后面的代码应如下所示。

protected void yourdatalist_ItemDataBound(object sender,DataListItemEventArgs e)
{
    var placeHolder = (PlaceHolder)e.Item.FindControl(\"YourPlaceholderIdHere\")

    //do what you want
    placeHolder.Controls.Add(your images)
}

我没有测试过，但希望能给您和想法。 如果要对HTML进行更多控制，则可以嵌套一个DataList并将其关联为一个数据源 例如

 <asp:DataList ID=\"nestedImages\" runat=\"server\" 
        DataSource=\"<%# GetDataSourceForImages(((ListViewItem)Container).DataItem) %>\" >
   <ItemTemplate> 
         your html here
   </ItemTemplate>

GetDataSourceForImages是一个受保护的方法，可以执行您想要的操作并返回将用作数据源的列表，您当然必须对此进行优化。 希望能帮助到你     ,您可以从ListView控件处理ItemDataBound事件。在事件处理程序中，检查数据项，然后适当地修改内容。