初次使用Ajax.net,总结下心得并记录下来
2007-03-20 13:27
591 查看
在网上下载Ajax.dll组件,通过引用添加至项目中;
Ajax.dll文件下载:/Files/ProgrammerSystem/Ajax.dll.zip(基于VS2003.net、VS2005.net)
在Web.config中配置节点,如下:
<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro"></add>
</httpHandlers>
在MeetEdit.aspx.cs文件Page_Load中添加,摘抄部分代码:
private void Page_Load(object sender, System.EventArgs e)
[AjaxPro.AjaxMethod]
public string [] Save(string meetTitle,string meetDate,string remarkPeople,string startToOver,string people,string data)
<form id="Form1" method="post" runat="server">
<table id="Table1" cellSpacing="0" cellPadding="0" width="800" border="0">
<tr>
<td colSpan="2">
<TABLE id="Table2" cellSpacing="0" cellPadding="0" width="100%" border="0">
<TBODY>
<TR>
<td width="20" background="../../WebPic/main_guide_bg2.gif"> </td>
<TD width="65%" background="../../WebPic/main_guide_bg2.gif"><IMG height="24" src="../../WebPic/guide.gif" width="18" align="absMiddle"> 业务文档>>编辑会议纪要</TD>
<TD class="guide" align="right" width="35%" background="../../WebPic/main_guide_bg2.gif"><IMG src="../../WebPic/main_r.gif"></TD>
</TR>
</TBODY>
</TABLE>
</td>
</tr>
<tr>
<td colSpan="2"> <label id="lbMsg"></label><input type="hidden" id="iptData" name="iptData" style="WIDTH:50px"></td>
</tr>
<tr>
<td colSpan="2">
<table class="maintable" cellSpacing="1" cellPadding="1" width="100%" align="right">
<tr>
<td bgColor="#84aeff" colSpan="2"> </td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">例会标题</div>
</td>
<td width="45%"><asp:textbox id="tbMeetTitle" runat="server" Columns="40" Height="23px"></asp:textbox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">时间</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbMeetDate" Columns="20" Height="23px"></asp:TextBox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">纪要整理</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbRemarkPeople" Columns="20" Height="23px"></asp:TextBox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">始末时间</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbStartToOver" Columns="20" Height="23px"></asp:TextBox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">人员</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbToWho" Columns="38" Height="23px" onclick="javascript:alert('请点击右边图标添加')"></asp:TextBox>
<IMG title="选择人员" style="CURSOR: hand" onClick="window.open('../../common/selectUsers.htm','选择人员','width=700,height=350')"
height="16" src="../../WebPic/person1.gif" width="16"> 请点击左边图标,添加人员 <input id="tbToWhoId" type="hidden" runat="server" style="WIDTH:20px" NAME="tbToWhoId"></td>
</tr>
<tr>
<td width="20%" colSpan="2"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><input id="iptSave" name="iptSave" value="保 存" type="button" style="WIDTH:58px;CURSOR:hand;HEIGHT:23px"
onclick="javascript:SaveData();">
<input id="redirect" type="button" name="redirect" style="DISPLAY:none;WIDTH:98px;CURSOR:hand;HEIGHT:23px"
value="添加会议事项" onclick="javascript:Redirect();">
</td>
</tr>
</table>
</form>
需要把代码服务器端控件改成客户端控件,性能有所提高!代码中有很多不足的地方望牛人们谅解,只是为了掌握Ajax.dll组件用法!
Ajax.dll文件下载:/Files/ProgrammerSystem/Ajax.dll.zip(基于VS2003.net、VS2005.net)
在Web.config中配置节点,如下:
<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro"></add>
</httpHandlers>
在MeetEdit.aspx.cs文件Page_Load中添加,摘抄部分代码:
private void Page_Load(object sender, System.EventArgs e)
[AjaxPro.AjaxMethod]
public string [] Save(string meetTitle,string meetDate,string remarkPeople,string startToOver,string people,string data)
<form id="Form1" method="post" runat="server">
<table id="Table1" cellSpacing="0" cellPadding="0" width="800" border="0">
<tr>
<td colSpan="2">
<TABLE id="Table2" cellSpacing="0" cellPadding="0" width="100%" border="0">
<TBODY>
<TR>
<td width="20" background="../../WebPic/main_guide_bg2.gif"> </td>
<TD width="65%" background="../../WebPic/main_guide_bg2.gif"><IMG height="24" src="../../WebPic/guide.gif" width="18" align="absMiddle"> 业务文档>>编辑会议纪要</TD>
<TD class="guide" align="right" width="35%" background="../../WebPic/main_guide_bg2.gif"><IMG src="../../WebPic/main_r.gif"></TD>
</TR>
</TBODY>
</TABLE>
</td>
</tr>
<tr>
<td colSpan="2"> <label id="lbMsg"></label><input type="hidden" id="iptData" name="iptData" style="WIDTH:50px"></td>
</tr>
<tr>
<td colSpan="2">
<table class="maintable" cellSpacing="1" cellPadding="1" width="100%" align="right">
<tr>
<td bgColor="#84aeff" colSpan="2"> </td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">例会标题</div>
</td>
<td width="45%"><asp:textbox id="tbMeetTitle" runat="server" Columns="40" Height="23px"></asp:textbox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">时间</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbMeetDate" Columns="20" Height="23px"></asp:TextBox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">纪要整理</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbRemarkPeople" Columns="20" Height="23px"></asp:TextBox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">始末时间</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbStartToOver" Columns="20" Height="23px"></asp:TextBox></td>
</tr>
<tr>
<td class="deep" width="13%">
<div align="center">人员</div>
</td>
<td width="45%"><asp:TextBox Runat="server" ID="tbToWho" Columns="38" Height="23px" onclick="javascript:alert('请点击右边图标添加')"></asp:TextBox>
<IMG title="选择人员" style="CURSOR: hand" onClick="window.open('../../common/selectUsers.htm','选择人员','width=700,height=350')"
height="16" src="../../WebPic/person1.gif" width="16"> 请点击左边图标,添加人员 <input id="tbToWhoId" type="hidden" runat="server" style="WIDTH:20px" NAME="tbToWhoId"></td>
</tr>
<tr>
<td width="20%" colSpan="2"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><input id="iptSave" name="iptSave" value="保 存" type="button" style="WIDTH:58px;CURSOR:hand;HEIGHT:23px"
onclick="javascript:SaveData();">
<input id="redirect" type="button" name="redirect" style="DISPLAY:none;WIDTH:98px;CURSOR:hand;HEIGHT:23px"
value="添加会议事项" onclick="javascript:Redirect();">
</td>
</tr>
</table>
</form>
需要把代码服务器端控件改成客户端控件,性能有所提高!代码中有很多不足的地方望牛人们谅解,只是为了掌握Ajax.dll组件用法!
相关文章推荐
- ASP.NET使用Ajax总结
- Ajax.net 使用初体验的感受和记录
- ASP.NET ajax.dll ajaxmethod使用技巧总结
- Asp.net Ajax的配置,使用总结
- Eclipse IDE 使用技巧 (Eclipse工作空间小技巧)(自己的一些学习笔记和心得,记录下来,备忘录和复习使用)
- 转:关于ASP.NET下,JQuery+AJAX使用JSON返回数据的总结
- 关于ASP.NET下,JQuery+AJAX使用JSON返回对象集合List数据的总结
- ASP.net中的AJAX学习记录之三 体会UpdateMode属性及使用UpdateTriggers
- 批量删除记录时如何实现全选方法总结 (转)http://www.cnblogs.com/chenou/articles/1349646.html[Asp.net Ajax 控件]
- ASP.net中的AJAX学习记录之三 体会UpdateMode属性及使用UpdateTriggers
- 疑难杂症:在ASP.NET AJAX中别使用
- 总结ASP.NET MVC视图页使用jQuery传递异步数据的几种方式
- 初次使用SVN心得
- 关于ASP.NET 中使用Ajax进行异步调用问题,前台参数无法跳转到后台,提示500 internal server error
- selenium 学习笔记 ---新手学习记录(4) 问题总结(java)-autoit3脚本使用
- ViewPager使用心得总结
- Ajax 使用net独有控件ScriptManager实现无刷新效果【登陆】
- ASP.NET AJAX入门系列:使用ScriptManagerProxy控件
- ASP.NET AJAX入门系列:使用UpdatePanel控件(二)
- 转贴:ajax.net中与server控件的交互使用(一)