结合JavaScript与ASP.NET Web窗体进行程序开发 - .net语言 -

结合JavaScript与ASP.NET Web窗体进行程序开发

时间:2013-04-09 12:56:28   来源:   评论:加载中...   点击:加载中...
ASP.NET为Web程序开发提供了新的范例。其中包括一系列基于服务器的控件,这些控件类似于HTML窗体中诸如文本框、按钮等元素。使用这些控件的问题是必须调用服务器。JavaScript为很多任务提供多种选择的机会,而这些...

<%@ Page language="c#" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html><head>
<title>WebForm1</title>
<script language="javascript">
function valSubmit() {
    var doc = document.forms[0];
    varmsg = "";
   
    if (doc.firstName.value == "") {
        msg += "- Please enter a first name.n";
    }
    if (doc.lastName.value == "") {
        msg += "- Please enter a last name.n";
    }
    if (msg == "") {
        doc.submit();
        return true;
    } else {
        alert("The following errors were encountered.nn" + msg);
        return false;
    }
}
</script>
<script language="C#" runat="server">
private void btnSearch_Click(object sender, System.EventArgs e) {
    Response.Write("Search");
}
private void Page_Load(object sender, System.EventArgs e) {
    btnSubmit.Attributes.Add("onClick", "return valSubmit();");
}
</script></head>
<body>
<form id="frmBuilderTest" method="post" runat="server">
<label style="Z-INDEX: 101; LEFT: 10px; POSITION: absolute; TOP: 48px">First Name:</label>
<input style="Z-INDEX: 102; LEFT: 88px; POSITION: absolute; TOP: 48px" type="text" name="firstName" id="firstName">
<label style="Z-INDEX: 103; LEFT: 10px; POSITION: absolute; TOP: 88px">Last Name:</label>
<input style="Z-INDEX: 104; LEFT: 88px; POSITION: absolute; TOP: 88px" type="text" name="lastName" id="lastName">
<br /><br />
<asp:Button id="btnSubmit" style="Z-INDEX: 105; LEFT: 64px; POSITION: absolute;
  TOP: 128px" runat="server" Text="Submit" Width="136px" OnClick="btnSearch_Click"></asp:Button>
</form>
</body>
</html>
这些代码中最为关键的一行是:

1btnSubmit.Attributes.Add("onClick", "return valSubmit();");
通过风格属性使用CSS可以将元素放置在HIML窗体。窗体将JavaScript函数和ASP.NET 按钮 (btnSubmit)以及HTML的onClick事件连接起来。在窗体被提交给服务器时,ASP.NET Button 中的onClick属性会通知系统调用哪些函数。

如果你是一名VB.NET开发人员,对于前面代码,只需要改变代码中的C#模块。VB.NET相应的代码如下:

<script language="vb" runat="server">
Private btnSearch_Click (sender As Object, e As System.EventArgs)
      Response.Write("Search")
End Sub
Private Page_Load(sender As Object, e As System.EventArgs)
      btnSubmit.Attributes.Add("onClick", "return valSubmit();")
End Sub
</script>
功能强大的JavaScript和ASP.NET结合

JavaScript是面向用户网页开发的实用标准语言,它与ASP.NET Web窗体的结合,为开发人员提供了一个功能强大的用于构建稳固程序的工具集,而程序的稳固性被认为软件性能的一个关键组成部分。



相关热词搜索:

 
上一篇:DataGrid的多行提交
下一篇:在C#中建立复杂的、灵活的SQL查询/命令
收藏 将此文推荐给朋友
分享到: