vs.net控件updatePanel实现无刷新的方法

页面部分

代码如下:

<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <h2>
        使用VS控件updatePanel实现无刷新
    </h2>
    <p>
         <asp:UpdatePanel ID="UpdatePanel1" RenderMode="Block" UpdateMode="Conditional" runat="server">
        <ContentTemplate>
            点击按钮从服务器获取当前时间<asp:TextBox ID="txtTime" runat="server"></asp:TextBox>
            <asp:Button ID="btn1" runat="server" Text="Button" onclick="btn1_Click" />
        </ContentTemplate>
        <Triggers>
        <%--<asp:PostBackTrigger ControlID="btn1" />--%>
        <asp:AsyncPostBackTrigger ControlID="btn1"/>
        </Triggers>
        </asp:UpdatePanel>
    </p>

后台代码

代码如下:

protected void btn1_Click(object sender, EventArgs e)
        {
            txtTime.Text = DateTime.Now.ToString();
        }

赞 (0)

相关推荐

  • UpdatePanel和jQuery不兼容 局部刷新jquery失效

    在做项目中发现,在使用了UpdatePanel的地方,局部刷新后,jquery失效了. 后来网上一查,才发现,jquery中的ready事件会在DOM完全加载后运行一次,而当我们实用了UpdatePanel,它只局部更新,并未重新加载页面所有Dom,所以jquery中ready事件将不会再次执行.所以,我们可以将ready事件中执行的代码提取出来,然后通过捕获ScriptManager的EndRequest事件,在每次 UpdatePanel局部刷新之后执行一次jQuery初始化代码: 复制代码

  • asp.net UpdatePanel实现无刷新上传图片

    1)前台 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

  • 使用updatepanel局部刷新实现注册时对用户名的检测示例

    通过将控件放入到updatepanel中,实现局部刷新.前台代码: 复制代码 代码如下: <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> //必须有且写在updatepanel前面<asp:updatepanel runat="server" id="updatepanel1"><c

  • vs.net控件updatePanel实现无刷新的方法

    页面部分 复制代码 代码如下: <asp:ScriptManager ID="ScriptManager1" runat="server">    </asp:ScriptManager>    <h2>        使用VS控件updatePanel实现无刷新    </h2>    <p>         <asp:UpdatePanel ID="UpdatePanel1"

  • JS分页控件 可用于无刷新分页

    JS分页控件,可用于无刷新分页 复制代码 代码如下: function PagerBar(recordcount, pagesize, pageindex, showpagecount) {     var NumberRegex = new RegExp(/^\d+$/);     this.PageIndex = 1; //页索引,当前页     if (pageindex != null && NumberRegex.test(pageindex)) this.PageIndex =

  • Qt qml中listview 列表视图控件（下拉刷新、上拉分页、滚动轴）

    Qt qml中listview 列表视图控件（下拉刷新、上拉分页、滚动轴）

    Qt qml listview下拉刷新和上拉分页主要根据contentY来判断.但要加上顶部下拉指示器.滚动条,并封装成可简单调用的组件,着实花了我不少精力:) 先给大家展示下效果图: [功能] 下拉刷新和上拉分页逻辑 /下拉刷新 /上拉更多 /滚动栏 /工具栏半拉显隐 Author: surfsky.cnblogs.com Lisence: MIT 请保留此文档声明 History: init. surfsky.cnblogs.com, 2015-01 add initPosition pro

  • C# 实现拖拉控件改变位置与大小的方法

    前言: 很多时候我们需要在运行时,动态地改变控件的位置以及大小,以获得更好的布局.比如说实际项目中的可自定义的报表.可自定义的单据等诸如此类.它们有个特点就是允许客户或者二次开发人员设计它们需要的界面设置功能. 本人以前也做过可自定义系统,包括界面和功能,主要为了减少开发人员的工作量以及程序的灵活性和健壮性. 本篇主要讨论下,在运行时如何实现拖拉控件,达到改变控件位置与大小.功能将模拟VS设计界面时的拖拉功能. (本篇暂不涉及多控件同时操作) 一.技术概述 其实实现运行时控件的拖拉并不难,主要是

  • Element的el-tree控件后台数据结构的生成以及方法的抽取

    最近用到了el-tree控件,主要是数据的格式,按照官网的数据格式来就可以显示节点的树形结构了. 代码参考很多 这里给出一个比较好的链接:https://www.jb51.net/article/181990.htm 代码说明在注释里写的很详细了已经,这里不再叙述说明.至于为什么抽取成这种格式的数据,那是因为ElementUI-tree规定的数据格式,你想要用这个控件,就必须按照他们规定的这个格式 来. 数据格式如下: Controller代码 @RequestMapping("/cateLis

  • datagrid和repeader控件中替换标识值的方法

    DataGrid控件中替换标识值的使用: <asp:DataGrid ID="dgList" runat="server" Width="100%" AutoGenerateColumns="False"> <Columns> <asp:BoundColumn DataField="COP_G_NO" HeaderText="物料号/成品货号"><

  • C#递归遍历窗体所有textbox控件并设置textbox事件的方法

    本文实例讲述了C#递归遍历窗体所有textbox控件并设置textbox事件的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: /// <summary> /// /// </summary> /// <param name="sender"></param> /// <param name="e"></param> public virtual void SetTextBo

  • jQuery实现form表单基于ajax无刷新提交方法详解

    本文实例讲述了jQuery实现form表单基于ajax无刷新提交方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!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.o

  • 给easyui的datebox控件添加清空按钮的实现方法

    给easyui的datebox控件添加清空按钮的实现方法

    在不改源码的前提下给datebox添加清空按钮 var buttons = $.extend([], $.fn.datebox.defaults.buttons); buttons.splice(1, 0, { text: '清空', handler : function(target) { $(target).combo("setValue", "").combo("setText", ""); // 设置空值 $(targ

  • DropDownList控件绑定数据源的三种方法

    本文给大家分享web  中 DropDownList绑定数据源的几种方式,先给大家分享三种常见的方式,具体详情如下所示:  第一种 this.ddltype.DataTextField = "btName";//显示的值 this.ddltype.DataValueField = "btId";//获取dropdownlist中的值 ddltype.DataSource = service.GetBusinessTypeAll(""); this

随机推荐