页面开发技巧

简介:

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 >

// -----------------------------------------------------------------------
//   This file is part of the Microsoft .NET SDK Code Samples.
//  
//   Copyright (C) Microsoft Corporation.  All rights reserved.
//  
// This source code is intended only as a supplement to Microsoft
// Development Tools and/or on-line documentation.  See these other
// materials for detailed information regarding Microsoft code samples.
//  
// THIS CODE AND INFORMATION ARE PROVIDED AS IS WITHOUT WARRANTY OF ANY
// KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
// PARTICULAR PURPOSE.
// -----------------------------------------------------------------------

using  System;
using  System.Web.UI;

public  partial  class  CallBackEventHandler_cs : System.Web.UI.Page, ICallbackEventHandler
{
    
private string _callbackResult;

    
private void Page_Load(object source, EventArgs e)
    
{
        String callBack 
= Page.ClientScript.GetCallbackEventReference(this"arg""ClientCallback""context""ClientCallbackError"false);
        String clientFunction 
= "function GetChildren(arg, context){ " + callBack + "; }";
        Page.ClientScript.RegisterClientScriptBlock(
this.GetType(), "GetChildren", clientFunction, true);

        
if (Page.IsPostBack && !Page.IsCallback)
        
{
            Label1.Text 
= "You Selected: " + Request.Form["ParentDropDown"+ "" + Request.Form["ChildDropDown"];
        }

    }


    
public string GetCallbackResult()
    
{        
        
return _callbackResult;
    }


    
public void RaiseCallbackEvent(string eventArgument)
    
{
        
switch (eventArgument)
        
{
            
case "Item 1":
                _callbackResult 
= "One|Two|Three";
                
break;
            
case "Item 2":
                _callbackResult 
= "Four|Five|Six";
                
break;
            
case "Item 3":
                _callbackResult 
= "Seven|Eight|Nine";
                
break;
            
default:
                _callbackResult 
= "";
                
break;
        }

    }


}

    本文转自永春博客园博客,原文链接: http://www.cnblogs.com/firstyi/archive/2006/11/13/559156.html ,如需转载请自行联系原作者


相关文章
|
4天前
|
搜索推荐 编译器 Linux
一个可用于企业开发及通用跨平台的Makefile文件
一款适用于企业级开发的通用跨平台Makefile,支持C/C++混合编译、多目标输出(可执行文件、静态/动态库)、Release/Debug版本管理。配置简洁,仅需修改带`MF_CONFIGURE_`前缀的变量,支持脚本化配置与子Makefile管理,具备完善日志、错误提示和跨平台兼容性,附详细文档与示例,便于学习与集成。
300 116
|
19天前
|
域名解析 人工智能
【实操攻略】手把手教学,免费领取.CN域名
即日起至2025年12月31日,购买万小智AI建站或云·企业官网,每单可免费领1个.CN域名首年!跟我了解领取攻略吧~
|
7天前
|
数据采集 人工智能 自然语言处理
Meta SAM3开源:让图像分割,听懂你的话
Meta发布并开源SAM 3,首个支持文本或视觉提示的统一图像视频分割模型,可精准分割“红色条纹伞”等开放词汇概念,覆盖400万独特概念,性能达人类水平75%–80%,推动视觉分割新突破。
478 44
Meta SAM3开源:让图像分割,听懂你的话
|
14天前
|
安全 Java Android开发
深度解析 Android 崩溃捕获原理及从崩溃到归因的闭环实践
崩溃堆栈全是 a.b.c?Native 错误查不到行号?本文详解 Android 崩溃采集全链路原理,教你如何把“天书”变“说明书”。RUM SDK 已支持一键接入。
688 222
|
2天前
|
Windows
dll错误修复 ,可指定下载dll,regsvr32等
dll错误修复 ,可指定下载dll,regsvr32等
135 95
|
12天前
|
人工智能 移动开发 自然语言处理
2025最新HTML静态网页制作工具推荐:10款免费在线生成器小白也能5分钟上手
晓猛团队精选2025年10款真正免费、无需编程的在线HTML建站工具,涵盖AI生成、拖拽编辑、设计稿转代码等多种类型,均支持浏览器直接使用、快速出图与文件导出,特别适合零基础用户快速搭建个人网站、落地页或企业官网。
1694 158
|
存储 人工智能 监控
从代码生成到自主决策:打造一个Coding驱动的“自我编程”Agent
本文介绍了一种基于LLM的“自我编程”Agent系统,通过代码驱动实现复杂逻辑。该Agent以Python为执行引擎,结合Py4j实现Java与Python交互,支持多工具调用、记忆分层与上下文工程,具备感知、认知、表达、自我评估等能力模块,目标是打造可进化的“1.5线”智能助手。
942 62