7/23 Ajax .NET save content automatically and redirect to same page without new tabs

最新推荐文章于 2023-01-15 10:36:58 发布

原创最新推荐文章于 2023-01-15 10:36:58 发布 · 696 阅读

0 ·

CC 4.0 BY-SA版权

学习笔记同时被 3 个专栏收录

40 篇文章

订阅专栏

工作生涯

35 篇文章

订阅专栏

Web developing

21 篇文章

订阅专栏

本文分享了作者在改进表单过程中使用GUID从数据库中自动填充数据的经验，并讨论了图片资源的开放访问设置。此外，还介绍了如何正确处理隐藏字段以避免用户操作障碍，以及如何调整链接以在同一标签页中打开页面。最后，文章通过一个实例展示了如何利用Ajax实现表单内容的自动保存。

这两天改Form，比较有意思的是从DB里automatic fill-up，我凭借GUID等Key fields把信息很容易从staffbanner Table中取出来。

接着就是Email Footer有个图片，这个图片如果镶嵌在project 下的img folder里，要求收件人pump out输入credential，我看了一下因为src是本地的相关地址，所以就建议改为open access的地方。在测试的过程中，需要不断的打开supervisor approval的page，就需要看代码，看读什么field，然后去DB找那一栏，复制出来然后进入。

另外要注意的地方，我差点犯了大错，就是被hidden的fields，我不能只把style = display：none就不管了，还要把相关的requiredvalidator disable掉，否则move到production用户永远的不能proceed。幸亏我偶尔测试了一下，否则直接GG，险些犯下大错。

后来就是wendy冒出来个要求说想点开的那个faculty account request page在同一个tab里，于是我就搜了搜，把代码由：

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/naDefault.aspx?positiontype=faculty"
								Target="_self">

中的Target 属性，_blank是新的tab， _self顾名思义是自己。（Reference：点击打开链接）

完成任务。

最后再记个有趣的帖子吧，昨天看Ajax看的，今天突然想，申请学校和工作的那些save button，是不是类似的技术，就搜了搜，下面是结果。

Reference: http://www.codeproject.com/Articles/34281/Easy-Automatically-Save-Form-with-NET-and-AJAX

add a ScriptManager, Timer and an UpdatePanel from AJAX Extensions tab.

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:Timer ID="Timer1" runat="server" Interval="15000" ontick="Timer1_Tick"></asp:Timer> 

<div> 

    <asp:TextBox ID="TextBox1" runat="server" 
	Height="118px" TextMode="MultiLine" Width="468px"></asp:TextBox>
    <asp:Button ID="Button1" runat="server" Text="Save" 
	onclick="Button1_Click" /><br /><br />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

    <ContentTemplate>
        <asp:TextBox ID="TextBox2" runat="server" Height="120px" 
		TextMode="MultiLine" Width="466px"></asp:TextBox>
    </ContentTemplate>

    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick"/>
    </Triggers>

</asp:UpdatePanel> 

</div>

</form>

在UpdatePanel里，有trigger，用Timer trigger，通过用contentID调到上边的timer里，在timer里有ontick的call-back处理函数，这里就可以把内容存到DB。