小试JQuery的AutoComplete插件


Posted in Javascript onMay 04, 2011

前台代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
<!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>JQuery的自动完成功能</title> 
<script src="jquery.autocomplete/jquery-autocomplete/lib/jquery.js" type="text/javascript"></script> 
<script src="jquery.autocomplete/jquery-autocomplete/jquery.autocomplete.min.js" type="text/javascript"></script> 
<link href="jquery.autocomplete/jquery-autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css" /> 
<script src="jquery.autocomplete/jquery-autocomplete/demo/localdata.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
raiseEvent(); 
}); 
//请求完成,被回调的函数 
function rServer(arg, context) { 
eval(arg); 
$("#sugest").focus().autocomplete(data); 
} 
//向服务器端发起数据处理请求 
function raiseEvent(arg, context) 
{ 
<%=ClientScript.GetCallbackEventReference(this,"arg","rServer","context") %>; 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<input type="text" name="text" id="sugest" style="width:200px" /> 
</div> 
</form> 
</body> 
</html>

然后就是后台代码,当然了,这里只是模拟数据:
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Text; 
public partial class _Default : System.Web.UI.Page,ICallbackEventHandler 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
if (!IsPostBack) 
{ 
} 
} 
private StringBuilder GenStr() 
{ 
StringBuilder sbStr = new StringBuilder(); 
sbStr.Append("var data = "); 
sbStr.Append("["); 
sbStr.Append("\"Aback\","); 
sbStr.Append("\"back\","); 
sbStr.Append("\"cback\","); 
sbStr.Append("\"english\","); 
sbStr.Append("\"confidence\","); 
sbStr.Append("\"diligent\","); 
sbStr.Append("\"honor\","); 
sbStr.Append("\"delicious\""); 
sbStr.Append("];"); 
return sbStr; 
} 
public string GetCallbackResult() 
{ 
return GenStr().ToString(); 
} 
public void RaiseCallbackEvent(string eventArgument) 
{ 
} 
}
Javascript 相关文章推荐
老鱼 浅谈javascript面向对象编程
Mar 04 Javascript
jquerymobile checkbox及时刷新才能获取其准确值
Apr 14 Javascript
Boostrap入门准备之border box
May 09 Javascript
jQuery控制div实现随滚动条滚动效果
Jun 07 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
js数组方法reduce经典用法代码分享
Jan 07 Javascript
vuex 使用文档小结篇
Jan 11 Javascript
Vue组件和Route的生命周期实例详解
Feb 10 Javascript
JS实现数组去重及数组内对象去重功能示例
Feb 02 Javascript
NestJs 静态目录配置详解
Mar 12 Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 #Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
May 03 #Javascript
Jquery 绑定时间实现代码
May 03 #Javascript
jqgrid 简单学习笔记
May 03 #Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 #Javascript
jQuery之网页换肤实现代码
Apr 30 #Javascript
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 #Javascript
You might like
php创建多级目录代码
2008/06/05 PHP
php利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
浅析十款PHP开发框架的对比
2013/07/05 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
在JavaScript中遭遇级联表达式陷阱
2007/03/08 Javascript
jquery.ui.draggable中文文档
2009/11/24 Javascript
javascript的数据类型、字面量、变量介绍
2012/05/23 Javascript
JavaScript中变量提升 Hoisting
2012/07/03 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
nodejs调用cmd命令实现复制目录
2015/05/04 NodeJs
jquery实现点击label的同时触发文本框点击事件的方法
2015/06/05 Javascript
使用AngularJS来实现HTML页面嵌套的方法
2015/06/17 Javascript
javascript实现保留两位小数的多种方法
2015/12/18 Javascript
JS+Canvas 实现下雨下雪效果
2016/05/18 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
Angular使用cli生成自定义文件、组件的方法
2018/09/04 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
详解为什么Vue中不要用index作为key(diff算法)
2020/04/04 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
python用来获得图片exif信息的库实例分析
2015/03/16 Python
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
Python开发之pip安装及使用方法详解
2020/02/21 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
mysql有关权限的表都有哪几个
2015/04/22 面试题
工厂保安员岗位职责
2014/01/31 职场文书
2016医师资格考试考生诚信考试承诺书
2016/03/25 职场文书
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers
JavaScript原型链中函数和对象的理解
2022/06/16 Javascript