如何在单击动态创建的图像时在其他面板中显示图像数据 [英] How to Display image Data in other panel when click on an dynamically created image

问题描述

点击图片按钮，然后在侧面板标签图像名称和图像细节应根据每个图像显示图像数据



代码：



EventDisplay.aspx





<％@ Page Title =Language =C＃MasterPageFile =〜/ MasterPageHeaderFooter.masterAutoEventWireup =trueCodeFile =EventsDisplay.aspx.csInherits =_ Default％>



< asp：Content ID =Content1ContentPlaceHolderID =ContentPlaceHolderHeaderFooterRunat =Server>

Click on image button and then in side panel contrails image name and image details should display image data according to each image Code: EventDisplay.aspx <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPageHeaderFooter.master" AutoEventWireup="true" CodeFile="EventsDisplay.aspx.cs" Inherits="_Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderHeaderFooter" Runat="Server"> < asp：Panel ID = PanelEventsInforunat =serverBackColor =＃996633BorderStyle =DoubleHeight =50px> <asp:Panel ID="PanelEventsInfo" runat="server" BackColor="#996633" BorderStyle="Double" Height="50px"> < asp：Panel ID =PanelEventPhotorunat =serverBackColor =＃666633BorderStyle =DoubleWidth =500px> < asp：图片ID =ImageGetImagefromEventsrunat =server/> <asp:Panel ID="PanelEventPhoto" runat="server" BackColor="#666633" BorderStyle="Double" Width="500px"> <asp:Image ID="ImageGetImagefromEvents" runat="server"/> < asp：Panel ID =PanelEventsPhotoDetailsrunat =serverBackColor =＃666633BorderStyle =DoubleWidth =500px> 事件名称：< asp：Label ID = LabelEventNamerunat =serverText => 事件详细信息：< asp：标签ID =LabelEventDetailsrunat =serverText => <asp:Panel ID="PanelEventsPhotoDetails" runat="server" BackColor="#666633" BorderStyle="Double" Width="500px"> Event Name : <asp:Label ID="LabelEventName" runat="server" Text=""> Event Details : <asp:Label ID="LabelEventDetails" runat="server" Text=""> EventDisplay.aspx.cs usi ng System; 使用System.Collections.Generic; 使用System.Linq; 使用System.Web; 使用System.Web.UI; 使用System.Web.UI.WebControls; 使用System.Configuration; 使用System。数据; 使用System.Data.SqlClient; 使用System.IO; public partial class _Default：System.Web.UI.Page { protected void Page_Load（object sender，EventArgs e） { ImageUploads（）; } private void ImageUploads（） { foreach（Directory.GetFiles中的字符串StrFileName（Server.MapPath（ 〜/ Organizational Local Data / Images /））） { ImageButton imageButton = new ImageButton（）; imageButton.CommandName = ImageSelected; FileInfo fileinfo = new FileInfo（StrFileName）; imageButton.ImageUrl =〜/ O rganisational Local Data / Images /+ fileinfo.Name; imageButton.Width = Unit.Pixel（100）; imageButton.Height = Unit.Pixel（100）; imageButton.Style.Add（padding，5px）; imageButton.Click + = new ImageClickEventHandler（imageButton_Click）; PanelEventPhoto.Controls.Add（imageButton）; } } private void ImageNameandDetails（string EventNames，string EventDetail） { LabelEventName.Text = EventNames; LabelEventDetails.Text = EventDetail; } private void imageButton_Click（object sender，ImageClickEventArgs e） { // ImageButton ImageBut =发送者为ImageButton; // if（ImageBut.CommandName ==1） // { // FileName（1.jpg）; //} // if（ImageBut.CommandName ==ImageSelected） // { // FileName（2.jpg）; //} // if（ImageBut.CommandName ==ImageSelected） // { // FileName（3 .jpg）; //} // if（ImageBut.CommandName ==ImageSelected） // { // FileName（4.jpg）; //} // if（ImageBut.CommandName ==ImageSelected）< br $> // { // FileName（5.jpg）; //} // if（ImageBut.CommandName ==ImageSelected） // { // FileName（6.jpg）; / /} //FileName(\"1.jpg）; //FileName(\"2.jpg）; // FileName（3.jpg）; //FileName(\"4.jpg）; //FileName(\"5.jpg\"); //FileName(\"6.j pg）; } private void FileName（string ImageName） { if（ImageName == 1.jpg） { FileName（1）; ImageNameandDetails（Happy Dussehra，3天假期 。节日之前和之后的一天。）; } if（ImageName ==2.jpg） { FileName（2）; ImageNameandDetails（排灯节快乐，7天假期。节日前后三天。）; } if（ImageName ==3.jpg） { FileName（3）; ImageNameandDetails（Happy Genesh Chaturthi，3天假期。节日的第一天，第五天和第九天。）; } if（ImageName ==4.jpg） { FileName（4）; ImageNameandDetails（共和国日快乐） ，假日1天。仅限节日。; } if（ImageName ==5.jpg） { FileName（5）; ImageNameandDetails（Happy Independence Day，Holiday for 1 天。仅限节日。）; } if（ImageName ==6.jpg） { FileName（6）; ImageNameandDetails（Happy Holi，假日2天。节日和仅后一天。）; } } }

EventDisplay.aspx.cs



using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.IO;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ImageUploads();
}
private void ImageUploads()
{
foreach (string StrFileName in Directory.GetFiles(Server.MapPath("~/Organisational Local Data/Images/")))
{
ImageButton imageButton = new ImageButton();
imageButton.CommandName = "ImageSelected";
FileInfo fileinfo = new FileInfo(StrFileName);
imageButton.ImageUrl = "~/Organisational Local Data/Images/" + fileinfo.Name;
imageButton.Width = Unit.Pixel(100);
imageButton.Height = Unit.Pixel(100);
imageButton.Style.Add("padding", "5px");
imageButton.Click += new ImageClickEventHandler(imageButton_Click);
PanelEventPhoto.Controls.Add(imageButton);
}
}
private void ImageNameandDetails(string EventNames, string EventDetail)
{
LabelEventName.Text = EventNames;
LabelEventDetails.Text = EventDetail;
}

private void imageButton_Click(object sender, ImageClickEventArgs e)
{
//ImageButton ImageBut = sender as ImageButton;
//if (ImageBut.CommandName == "1")
//{
// FileName("1.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("2.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("3.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("4.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("5.jpg");
//}
//if (ImageBut.CommandName == "ImageSelected")
//{
// FileName("6.jpg");
//}
//FileName("1.jpg");
//FileName("2.jpg");
//FileName("3.jpg");
//FileName("4.jpg");
//FileName("5.jpg");
//FileName("6.jpg");
}
private void FileName(string ImageName)
{
if (ImageName=="1.jpg")
{
FileName("1");
ImageNameandDetails("Happy Dussehra", "Holiday for 3 Days. One day Before and After the Festival.");
}
if (ImageName == "2.jpg")
{
FileName("2");
ImageNameandDetails("Happy Diwali", "Holiday for 7 Days. Three day Before and After the Festival.");
}
if (ImageName == "3.jpg")
{
FileName("3");
ImageNameandDetails("Happy Genesh Chaturthi", "Holiday for 3 Days. On First, Fifth and Ninth Day of the Festival.");
}
if (ImageName == "4.jpg")
{
FileName("4");
ImageNameandDetails("Happy Republic Day", "Holiday for 1 Days. On Festival Day Only.");
}
if (ImageName == "5.jpg")
{
FileName("5");
ImageNameandDetails("Happy Independence Day", "Holiday for 1 Days. On Festival Day Only.");
}
if (ImageName == "6.jpg")
{
FileName("6");
ImageNameandDetails("Happy Holi", "Holiday for 2 Days. On Festival Day and the Day After Only.");
}
}
}

推荐答案

看起来像家庭作业，我们不为任何人做家庭作业。好的要求，你在等谁？刚刚开始。



这里我们回答成员在编程时遇到的具体问题。



我们不能处理整个源代码。你需要自己动手。



如果你在编码时遇到任何困难，感觉可以自由回到这里，并提出另一个问题，说明具体问题。



各位会员很乐意为您提供帮助。：）

Seems like Homework and we don't do Homework for anybody. Good requirement, so whom you are waiting for? Just get started.

Here we answer specific questions which members face during programming.

We can't work on the whole source code. You need to do that yourself.

If you face any difficulty while coding, feel free to come back here and ask another question with specific issue describing the scenario.

Members will be happy to help you then. :)

这篇关于如何在单击动态创建的图像时在其他面板中显示图像数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！