打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
页面开发技巧

1、提交后的回发时能自动进入上次的当前位置

例如,如果数据项导致大型页回发,则最终用户需要将页滚动到此前正在编辑它们的位置,才能继续。页开发人员通过以下方法可以简单地标记窗体,以维持滚动位置:在 @Page 指令中将 MaintainScrollPositionOnPostBack 属性设置为 true,或在 Web.config 中进行此设置,以应用于应用程序中的所有页。

2、Button 控件的 OnClientClick 属性允许您在此按钮被单击时以编程方式运行客户端脚本。该按钮呈现客户端 onclick 属性以及按钮自身的 Javascript。

3、用于控件的一个令人惊喜的新功能是“客户端回调”,该功能允许控件向服务器执行带外请求以获取附加数据,而不发送整页。此功能依赖于用于回调处理(通常通过 XMLHTTP)的浏览器支持,该支持由 SupportsClientCallbacks 在浏览器功能中指定。

其实一般的无刷新页面就可以使用客户端回调来实现,只有复杂的才需要使用AJAX等

<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" CodeFile="CallBackEventHandler_cs.aspx.cs" Inherits="CallBackEventHandler_cs" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
   
<title>Client CallBack</title>
</head>
<body>
<form id="Form1" runat="server">

   
<h3>Cascading DropDownLists Using ICallBackEventHandler</h3>
   
<asp:DropDownList ID="ParentDropDown"
    onchange
="GetChildren(this.options[this.selectedIndex].value, 'ddl');"   
    Runat
="server">
     
<asp:ListItem Text="Item 1" />
     
<asp:ListItem Text="Item 2" />
     
<asp:ListItem Text="Item 3" />
   
</asp:DropDownList>
   
<asp:DropDownList ID="ChildDropDown" AutoPostBack="true" style="visibility:hidden" Runat="Server">
    
<asp:ListItem Text="Child Item" />
   
</asp:DropDownList>
   
<br /><br />
   
<asp:Label ID="Label1" runat="server"/>

   
<script type="text/javascript">

   function ClientCallback(result, context)
{

      var childDropDown 
= document.forms[0].elements['<%=ChildDropDown.UniqueID%>'];

      
if (!childDropDown){
         
return;
      }


      childDropDown.length 
= 0;

      
if (!result){
          
return;
      }

      
      var rows 
= result.split('|'); 
      
for (var i = 0; i < rows.length; ++i){
         var option 
= document.createElement("OPTION");
         option.value 
= rows[i];
         option.innerHTML 
= rows[i];     
         childDropDown.appendChild(option);
      }

      
      childDropDown.style.visibility 
= "visible";
   }


   function ClientCallbackError(result, context)
{
      alert(result);
   }


   
</script>

</form>
</body>

</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
DropDownList联动简单实例
[asp.net实例]全国省市数据库的应用
彼岸花开
[jQuery]使用jQuery.Validate进行客户端验证(中级篇-下)——不使用微软验证控件的理由
ASP.net:Atlas快速入门之实战Atlas-ASP.net技术
ScriptManager 类
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服