随笔分类 - ASP.NET
ASP.NET相关的技术知识、实用例子、编程技巧等
摘要：这节将使用jQuery UI的Autocomplete方法实现文本框的自动搜索填充功能，并且这里会使用另外一个方法来实现AJAX调用服务器方法，就是通过ASP.NET HTTP handler来处理请求的数据。现在就来看下实现的步骤：1.创建SearchKeys.ashx请求处理文件，并实现以下代码：<%@ WebHandler Language="C#" Class="SearchKeys" %>using System;using System.Web;// 添加两个命名空间using System.Collections.Generic
阅读全文
摘要：这节主要内容是通过AJAX调用页面后台代码方法实现下拉框二级联动效果，实现步骤如下：1.创建文件Recipe24.aspx,实现后台代码如下：// 引入命名空间using System.Web.Services;// 实现下拉框二级联动AJAX请求加载数据方法 [WebMethod()] public static ArrayList GetSubList(string sBuyID) { ArrayList subList = new ArrayList(); if (sBuyID == "1") { subL...
阅读全文
摘要：这节我们来看下如何实现AJAX调用页面后台方法和web服务定义的方法，下面通过验证用户的例子，先讲解如何调用页面后台方法，具体实现步骤如下：1.新建Recipe23.aspx页面。2.在该页面的后台文件Recipe23.aspx.cs中添加引用using System.Web.Services;3.定义静态数组和初始化数据 public static string[] userNameArrray; protected void Page_Load(object sender, EventArgs e) { userNameArrray = new string...
阅读全文
摘要：从这章开始，我们将开始讲解jQuery的AJAX相关的内容，首先需要大家自己先百度google了解下AJAX的原理，然后再来看这里的内容，就轻松很多了。基本方法使用jQuery 提供了很多AJAX方法，这里主要用到以下两个方法：1.$.ajax(settings)：它是一个底层方法，可以帮助我们创建各种类型的AJAX请求。该方法可以自定义设置多种参数类型以供AJAX调用，如可以设置HTTP请求(GET/POST)，访问的URL，请求类型(html,json等)，成功或失败的回调函数等。2.$.ajaxSetup(options)：该方法帮助我们设置页面请求AJAX的默认参数值，只要设置一次，其
阅读全文
摘要：jQuery提供能很多实现页面动画效果的工具函数，使用这些函数，能更好的提高用户体验。首先，我们来看下，jQuery给我们提供的一些基础的动画函数：♦ animate( properties, [ duration ], [ easing ], [ callback ] )：执行一个CSS属性设置的自定义动画 properties：一组CSS属性，动画将朝着这组属性移动。 duration：一个字符串或者数字决定动画将运行多久。 easing：要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing"。 callba
阅读全文
摘要：前言这节我们来介绍ASP.NET里面的Image控件，和HTML的Image元素相比，它为开发者提供了丰富的属性和方法。除了使用这些方法属性外，我们还可以通过jquery在客户端为Image控件提供更多的功能。下面就开始介绍各种通过jQuery操作Image控件的方法：准备工作在样式各种技巧前，先准备页面代码如下： <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 470px; height
阅读全文
摘要：这节主要总结下通过jQuery简单操作GridView，以避免通过后台服务操作刷新页面。要操作简单的列表，首先需要设计界面和初始化数据：页面结构：View Code <form id="form1" runat="server"> <div align="center"> <fieldset> <div class="header"> 计算机书目录清单</div> <div> <asp:GridView ID="gvBooks&
阅读全文
摘要：这节我们还可以通过直接设置DropDownList属性来设置jQuery validation插件的校验规则和提示信息。先看界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing=&quo
阅读全文
摘要：这节介绍jQuery validation插件一个新的校验规则属性rangelength，通过数组方式赋值。这里我们举例校验ListBox两个规则：•校验必选项•选择范围在0~4项界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding=&q
阅读全文
摘要：上一节已经介绍过控件CustomValidator的使用方法，下面直接看代码。界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="3"> <tr>
阅读全文
摘要：这节我们要讲下如何通过控件CustomValidator来校验CheckBoxList,客户端校验代码通过jQuery实现。首先看下界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing=
阅读全文
摘要：这节主要讲如何用jQuery校验表单时间范围，时间控件用到了jQuery-ui，下载地址：http://jqueryui.com/download，Theme选择Sunny界面代码： <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 150px"> <table border="0" cellpadding="
阅读全文
摘要：这节介绍一个自己写的jQuery文本框字符限制插件，至于如何写插件，我这里就不多讲了，可以查看相关介绍，这里主要介绍下该插件的功能：•可限制最大输入字符长度•可设置字符截取速度•可自定义提示信息文本样式(可以改进自定义文本内容)该插件统计英文字符和中文的长度是一样的。废话少说，这里直接奉上详细插件代码，具体实现细节已经在代码里面有注释：; (function ($) { $.fn.extend({ textAreaCount: function (options) { var $textArea = th...
阅读全文
摘要：在这节我们将使用validation插件实现注册页面的验证功能，通过这个例子，可以更全面的掌握该插件的使用功能。页面样式代码： <style type="text/css"> .header { background-color: #CCCCCC; color: White; font-size: x-large; } .content { background-color: White; font-weight: ...
阅读全文
摘要：从这节开始，我们开始学习如何在ASP.NET控件中使用jQuery validation 插件，首先要用它，必须先了解它有什么用。简单来说，jQuery validation插件就是来校验表单form里面元素输入的内容是否满足业务规则，如果不满足，可以给出用户自定义的提示信息。该插件不仅默认有一些校验规则，如校验内容是否为空，内容的长度是否符合给定的值，还可以根据用户自定义业务规则，而且错误提示信息，也可以根据用户的要求自定义显示。看来这个插件的功能确实很强大，是不是迫不及待想使用了。好的，那我们就开始简介如何使用它。jQuery validation 插件下载地址：http://plugin
阅读全文
摘要：这节我们来看下如何实现通过选择RadioButtonList值动态改变hyperlink控件的URL值，并简要介绍bind和live方法的区别。1.先准备界面代码：<form id="form1" runat="server"> <div align="left"> <fieldset style="width: 300px; height: 200px;"> <table cellpadding="0" cellspacing="0"
阅读全文
摘要：要实现该效果，首先要先了解以下几点基础知识：窗体滚动事件：$(window).scroll(function(){...});获取窗体滚动距离：$(window).scrollTop();获取窗体高度：$(window).height();了解以上内容就可以实现通过hyperlink控件实现返回顶部的效果了。1.准备界面结构代码： 1 <form id="form1" runat="server"> 2 <div> 3 <asp:HyperLink ID="Top" runat="server&
阅读全文
摘要：在web应用里，我们经常需要通过其他控件的事件触发动态构造DropDownList数据内容。在这节中，我们将会看到如何实现通过选择第一个下来框的内容来动态构造第二个下拉框的内容。首先准备好页面代码：View Code <form id="form1" runat="server"> <div align="left"> <fieldset style="width: 350px; height: 150px"> <p> 选择颜色</p> <table
阅读全文
摘要：这节我们将通过jQuery来获取DropDownList的Text/Value属性值。界面代码：<form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 80px;"> <p> 选择颜色：</p> <asp:DropDownList ID="ddlColor" runat="server&quo
阅读全文
摘要：这章内容比较简单，直接上页面代码：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Recipe6.aspx.cs" Inherits="Recipe6" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
阅读全文