带单选按钮的图像控制

问题描述

您好，专家，
我需要一个可以容纳图片和两个单选按钮的控件，就像在fb/orkut上上传图片时所拥有的控件一样.
1.图片
2.删除单选按钮.
3.封面单选按钮.[将此图像设置为相册的封面]

我已经用这三样东西创建了一个用户控件.
在单击按钮的aspx页面上，我需要添加此用户控件.
意味着，用户将使用FileUpload选择图像，并且当他单击按钮时，应该加载该用户控件.
我能够加载控件.检查以下代码.

Hi experts,
I need a control which can hold an image and two radio buttons, like the one we have when we upload a pictures on fb / orkut.
1. Image
2. Delete radio button.
3. Cover radio button.[Set this image as cover of album]

i have created a user control with these three things.
On my aspx page on click of a button i need to add this user control.
Means, user will select the image using FileUpload and when he clicks on the button this user control should be loaded.
I am able to load the control. Check the following code.

protected void btnAddURL_Click(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
			//ItemList is an array list used to store the filename.
            ItemList.Add(FileUpload1.FileName);
             showImage();
        }
    }

    public void showImage()
    {

        PlaceHolder p = new PlaceHolder();

		//Create Thumbnail
        FileUpload1.SaveAs(@"D:\ASP\Project_Dec_16\RealEstate\SaveImage\" +    FileUpload1.FileName);
        System.Drawing.Image img1 = System.Drawing.Image.FromFile(@"D:\ASP\Project_Dec_16\RealEstate\SaveImage\" + FileUpload1.FileName);
        System.Drawing.Image bmp2 = img1.GetThumbnailImage(100, 100, null, IntPtr.Zero);
        bmp2.Save(@"D:\ASP\Project_Dec_16\RealEstate\SaveImage\thumbnail\L\" + FileUpload1.FileName);

		//Load the images selected by user
        for (int i = 0; i <= ItemList.Count - 1; i++)
        {
            Control MyUserControl;
			// Load user control dynamically
            MyUserControl = LoadControl("MyControl.ascx");
			MyUserControl.ID = &quot;MyUserControl&quot; + cnt++;</pre>
			Image MyImage = (Image)MyUserControl.FindControl("Image1");
			// MyImage.ID = "Image" + cnt;
			MyImage.ImageUrl = "~/SaveImage/thumbnail/L/" + ItemList[i].ToString();
			p.Controls.Add(MyUserControl);
			Panel2.Controls.Add(p);
		}

问题:
1>所有图像都换行了，我希望它们彼此相邻.
2>如何检测单击的单选按钮，因为我有多个图像，并且所有图像都有单选按钮.
3>如何从aspx页面捕获单选按钮的点击?

在Google上搜索，但找不到解决方案. :(
预先感谢.

Problem :
1> All images come on new line i want them next to each other.
2> How to detect which radio button is clicked as i have more than one images, and all have radio buttons.
3> How to capture click of radio button from aspx page?

Searched on google but could not find a solution for this. :(
Thanks in advance.

推荐答案

<![CDATA[<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="UserControls_WebUserControl" %>
<asp:button id="Button1" runat="server" text="Button" />
<br />
<asp:radiobutton id="RadioButton1" runat="server" autopostback="True" >
    oncheckedchanged="RadioButton1_CheckedChanged" />

后面的用户控制代码:

User Control Code behind:

public partial class UserControls_WebUserControl : System.Web.UI.UserControl
{
    public event EventHandler UC_RadioClicked;
    protected void RadioButton1_CheckedChanged(object sender, EventArgs e)
    {
        if (UC_RadioClicked != null)
            UC_RadioClicked(sender, e);
    }

页面标记:

Page Markup:

<uc1:webusercontrol id="WebUserControl1"  runat="server" onuc_radioclicked="UC_RadioClicked" xmlns:uc1="#unknown" />

后面的页面代码:

protected void UC_RadioClicked(object sender, EventArgs e)
 {
     RadioButton RB = sender as RadioButton;
     Response.Write("Radio button in user control clicked: " + RB.Parent.ID);
 }

这篇关于带单选按钮的图像控制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！