在链接文本之前显示图像图标

时间:2013-06-26 04:49:59

标签: html .net

我正在从代码后面动态添加链接按钮和带有该链接的图像徽标。在页面上显示linktext,然后显示图像'[LinkText] [Image]'。我希望以'[Image] [LinkText]'的其他方式显示。我们如何实施它,请帮助。

这是我的代码段:

HtmlGenericControl imgToAdd = new HtmlGenericControl("img");
                    imgToAdd.Attributes.Add("src", "../Images/Click.png");
                    imgToAdd.Attributes.Add("id", "img" + containerCountForLabels);
                    imgToAdd.Style.Add("height", "16px");
                    imgToAdd.Style.Add("vertical-align", "top");
                    HtmlGenericControl linkToAdd = new HtmlGenericControl("a");
                    linkToAdd.Attributes.Add("id", "linkbtn" + containerCountForLabels);
                    linkToAdd.Style.Add("margin-bottom", "5px");
                    linkToAdd.Style.Add("margin-top", "6px");
                    linkToAdd.Style.Add("margin-left", "10px");
                    linkToAdd.Style.Add("margin-right", "10px");
                    linkToAdd.Style.Add("font-size", "13px");
                    linkToAdd.Style.Add("float", "left");
                    linkToAdd.Style.Add("cursor", "pointer");
                    linkToAdd.Style.Add("color", "white");
                    linkToAdd.Style.Add("text-decoration", "underline");
                    linkToAdd.Style.Add("vertical-align", "top");
                    linkToAdd.Attributes.Add("onclick", "ShowHideDiv('img" + containerCountForLabels + "','divMain" + containerCountForLabels + "');");
                    linkToAdd.InnerText = dtReportLocal.Rows[0]["SubExpenseName"].ToString();
                    linkToAdd.Controls.Add(imgToAdd);
                    divForLink.Controls.Add(linkToAdd);

                    containerCountForLabels++;

1 个答案:

答案 0 :(得分:0)

我不知道之前为什么显示,但您可以做的是将图片和文字添加为链接的innerHTML,而不是使用InnerText,类似下面的代码:

linkToAdd.InnerHTML =  "<img src='../Images/Click.png' id='img"+ containerCountForLabels+"' style='height:16px;vertical-align:top;'>"+dtReportLocal.Rows[0]["SubExpenseName"].ToString();