小试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 相关文章推荐
JQuery 选择和过滤方法代码总结
Nov 19 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 Javascript
Jquery插件之打造自定义的select标签
Nov 30 Javascript
JS随机漂浮广告代码具体实例
Nov 19 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
Nov 24 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
Aug 18 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
初学vue出现空格警告的原因及其解决方案
Oct 31 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 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 加密与解密的斗争
2009/04/17 PHP
JS 网站性能优化笔记
2011/05/24 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
Linux(CentOS)下PHP扩展PDO编译安装的方法
2016/04/07 PHP
php微信浏览器分享设置以及回调详解
2016/08/01 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
[对联广告] JS脚本类
2006/08/27 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
jQuery实现表单提交时判断的方法
2014/12/13 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
Javascript进制转换实例分析
2015/05/14 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
jquery实现图片列表鼠标移入微动
2016/12/01 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
2019/03/06 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
简单的Python调度器Schedule详解
2019/08/30 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
What is EJB
2016/07/22 面试题
责任胜于能力演讲稿
2014/05/20 职场文书
司机工作自我鉴定
2014/09/19 职场文书
先进事迹材料怎么写
2014/12/30 职场文书
校长一岗双责责任书
2015/05/09 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python
使用python求解迷宫问题的三种实现方法
2022/03/17 Python