我有一个链接按钮,里面有图像和标签。
回发后,图像和标签不可见。
< asp:LinkButton ID="AddNewRunLinkButton" runat="server" CssClass="Navigationlocalnav"
OnClick="AddNewRunLinkButton_Click" >
< img id="Img1" src="../../Images/add_newIcon.gif" runat="server" alt="Add New Run" />
< asp:Label ID="addText" Text=" Add New Run" runat="server"></asp:Label>
< /asp:LinkButton>
该链接按钮用于导入/导出数据。我在单击此链接按钮(AddNewRunLinkButton)时添加了一个属性,以使用 javascript - SetInterval 函数显示进度条。
如果我删除此属性,则会显示图像和标签,否则仅显示链接按钮。
AddNewRunLinkButton.attributes.add("onclick","javascript:DisplayProgress()");
function DisplayProgress()
{
timeid = setInterval("addBlock",100)
}
function Addblock()
{
// Display a progress bar as follows - Increase the width of a div tag at this interval
}
有什么帮助吗?
由于您的代码示例没有提供太多内容,因此我发布了一些我认为可能是您想要做的事情。
标记和 JavaScript:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
var timeID = null;
var width = 0;
function DisplayProgress() {
timeID = setInterval('AddBlock();', 100);
}
function AddBlock() {
var p = document.getElementById("progressDiv");
if (width < 1000) {
width += 100;
p.style.width = width + "px";
}
else
timeID = clearInterval(timeID);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:LinkButton runat="server" ID="lbAddNewRun" OnClick="lbAddNewRun_Click">
<img src="--url to an image--" alt="Add New Run" />
Add New Run
</asp:LinkButton>
</div>
<div id="progressDiv" style="background-color: Green; width: 0px; height: 20px;"></div>
</form>
</body>
</html>
代码隐藏:
protected void Page_Load(object sender, EventArgs e)
{
lbAddNewRun.Attributes.Add("OnClick", "javascript:DisplayProgress();");
}
protected void lbAddNewRun_Click(object sender, EventArgs e)
{
// Export/Import code.
}
至少对我来说,这并没有“隐藏”图像。
Remark:
您可以直接在标记中添加 OnClick 事件,而不是在代码隐藏中添加它,因为它不是动态创建的:
<asp:LinkButton runat="server" ID="lbAddNewRun" OnClick="lbAddNewRun_Click" OnClientClick="DisplayProgress();">
<img src="--url to an image--" alt="Add New Run" />
Add New Run
</asp:LinkButton>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)