Server Control使用Client 端脚本
服务器控件好用,大家都知道,但常常我们需要做的事是在服务器控件上实现客户端脚本。一般来说,客户端脚本结合服务器控件可以直接在服务器控件的。标签内写即可。
如:<asp: button id="button1" text="test"
οnmοuseοver="this.style.backgroundColor='green'"
runat="server"/>但此时问题出来了,他屏蔽了onclick事件,未了达到目的,使用下面的方式可以解决:
..........1
<asp: button id="button1" text="test"
οnclick="mytest" runat="server"/>
..........2
private void Page_Load(object sender,system,EventArgs e)
{
Button1.Attributes["onclick"]="javascript:return confirm('Are you sure?')"
}
............3
private void Button1_Click(object sender,system,EventArgs e)
{
Response.Write("your click button");
}
这样在网页加载时给按钮加上OnclicK事件及客户端脚本;如果有时候客户端脚本代码比较多,可以采用函数调用的方式了。
.........1
<script languge=javascript>
<!--
function test()
{
alter("test");
return false
}
-->
</script>
..........2
private void Page_Load(object sender,system,EventArgs e)
{
Button1.Attributes.add("onclick"),"javascript:return test();");
}
............3
private void Button1_Click(object sender,system,EventArgs e)
{
Response.Write("your click button");
}
另外一种方式更好:不用写服务器端代码:
<script for="Button1" event="onclick()" language="javascript">
{
<!--
return confirm("test");
-->
}