使用AJAX PopUp控件的数据列表图像详细信息 [英] Datalist Image Details using AJAX PopUp Control

查看:44
本文介绍了使用AJAX PopUp控件的数据列表图像详细信息的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述


我想在数据列表的ajax弹出控件中显示图像.
我正在从标签获取文本值,但没有从数据列表获取图像网址...
谁能帮我..这是我的代码..

Hi,
i want to display the image in ajax popup control from the datalist.
I''m getting text value from label but i''m not getting image url from datalist...
can anyone help me.. Here is my code..

<asp:DataList ID="DataList1" runat="server" OnItemCommand="butnclick1" OnSelectedIndexChanged="DataList1_SelectedIndexChanged">
               <ItemTemplate>
                   <div id="center_datalist">
                       <div id="center_left">
                           <div id="datalist">
                               <div id="hospitallist">
                                   <a href="#">
                                       <asp:ImageButton ID="room_pic" runat="server" CommandArgument='<%#Eval("email")%>'

                                           class="hospital_img" Width="70px" alt="RoomImage" OnClientClick="ImageButton1_Click"

                                           Height="70px" src='<%#Eval("room_image_path")%>' />
                                   </a>
                               </div>
                               <div class="hospital_details">
                                   <div class="hospital_location">
                                       <table >
                                           <tr>
                                               <td>
                                                   <asp:LinkButton ID="organ_name" CssClass="head" CommandName="Room" CommandArgument='<%#Eval("email")%>'

                                                       Text='<%#Eval("room_type")%>' runat="server"></asp:LinkButton>
                                               </td>
                                           </tr>
                                           <tr>
                                               <td>
                                                   <asp:Label ID="Label2" CssClass="contact" runat="server" Text="Inclusion : "></asp:Label>
                                               </td>
                                               <td>
                                                   <asp:Label ID="room_ami" CssClass="contacts" runat="server" Text='<%#Eval("room_amenities")%>'></asp:Label><br />
                                               </td>
                                           </tr>
                                           <tr>
                                               <td>
                                                   <asp:Label ID="Label3" runat="server" CssClass="contact" Text="Persons  : "></asp:Label>
                                               </td>
                                               <td>
                                                   <asp:Label ID="no_person" CssClass="contacts" runat="server" Text='<%#Eval("num_of_person")%>'></asp:Label><br />
                                               </td>
                                           </tr>
                                           <tr>
                                               <td>
                                                   <asp:Label ID="Label4" runat="server" CssClass="contact" Text="price   : "></asp:Label>
                                               </td>
                                               <td>
                                                   <asp:Label ID="room_price" CssClass="contacts" runat="server" Text='<%#Eval("price")%>'></asp:Label><br />
                                               </td>
                                           </tr>
                                       </table>
                                   </div>
                                   <br />
                                   <br />
                                   <br />
                               </div>
                           </div>
                       </div>

                   </div>
               </ItemTemplate>
           </asp:DataList>
           <asp:Panel ID="check" runat="server" Visible="False">
               <asp:Button ID="btnShowPopup" runat="server" Style="display: none" />
               <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup"

                   PopupControlID="pnlpopup" BackgroundCssClass="modalBackground">
               </asp:ModalPopupExtender>
               <asp:Panel ID="pnlpopup" runat="server"



                   Style="display: none">

                   <div id="container_demos">
                       <div id="wrappers">
                           <div id="logins">
                               <asp:ImageButton ID="ImageButton1" ImageUrl="~\images\button_close.jpg" runat="server"

                                   CssClass="closebutton" CommandName="close" CausesValidation="False" />
                               <h1>
                                   Room Details
                               </h1>
                               <div class="panel_details">
                                   <h3>
                                       <asp:Label ID="Label1" runat="server" Text="Room Type : "></asp:Label>
                                       <asp:LinkButton ID="organ_name" CssClass="head" CommandName="Email" CommandArgument='<%#Eval("email")%>'

                                           runat="server"></asp:LinkButton>
                                   </h3>
                                   <div class="clear">
                                   </div>
                                   <br />
                                   <div id="hotel_img">
                                       <asp:ImageButton ID="room_image"  runat="server"  CommandArgument='<%#Eval("email")%>'

                                           Width="100px"

                                           Height="100px" ImageUrl="images_organisations/hotel5.JPG" />


                                   </div>
                                   <div class="hospital_locat">
                                       <table border="1px">
                                       <tr>
                                         <th> <asp:Label ID="Label7" CssClass="contacts" runat="server" Text="Inclusion"></asp:Label></th>
                                       <th> <asp:Label ID="Label8" runat="server" CssClass="contacts" Text="Persons"></asp:Label></th>
                                       <th> <asp:Label ID="Label9" runat="server" CssClass="contacts" Text="price"></asp:Label></th>
                                       </tr>

                                           <tr>

                                               <td>
                                                   <asp:Label ID="inclusion" CssClass="contacts" runat="server"></asp:Label><br />
                                               </td>

                                               <td>
                                                   <asp:Label ID="Persons" CssClass="contacts" runat="server"></asp:Label><br />
                                               </td>


                                               <td>
                                                   <asp:Label ID="price" CssClass="contacts" runat="server"></asp:Label><br />
                                               </td>
                                           </tr>
                                       </table>
                                   </div>
                               </div>
                               <p class="signin_button">
                                   <asp:LinkButton ID="LinkButton1" CssClass="signin" runat="server" Text="Book Now"></asp:LinkButton>
                               </p>
                           </div>
                       </div>
                   </div>

               </asp:Panel>
           </asp:Panel>


In click event of datalist


In click event of datalist

protected void butnclick1(object sender,DataListCommandEventArgs e)
   {

       if (e.CommandName == "Email")
       {

               Session["email"] = e.CommandArgument.ToString();
               Response.Redirect("hoteldetail.aspx");

       }
       else if(e.CommandName=="Room")
       {
           ImageButton roomimg = (ImageButton)e.Item.FindControl("ImageButton2");
           LinkButton types = (LinkButton)e.Item.FindControl("organ_name");
           Label aminities = (Label)e.Item.FindControl("room_ami");
           Label no_of_person = (Label)e.Item.FindControl("no_person");
           Label prices_room = (Label)e.Item.FindControl("room_price");
           room_image.ImageUrl = roomimg.ImageUrl;
           organ_name.Text = types.Text;
           inclusion.Text = aminities.Text;
           Persons.Text = no_of_person.Text;
           price.Text = prices_room.Text;
           check.Visible = true;
           this.ModalPopupExtender1.Show();
       }
   }


is there any mistake...


is there any mistake...

推荐答案

I don''t see any control named "ImageButton2":
I don''t see any control named "ImageButton2":
ImageButton roomimg = (ImageButton)e.Item.FindControl("ImageButton2");



There are two ImageButton controls, named: room_pic and ImageButton1. Use the one you need to.



There are two ImageButton controls, named: room_pic and ImageButton1. Use the one you need to.


这篇关于使用AJAX PopUp控件的数据列表图像详细信息的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆