`
bask
  • 浏览: 146700 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

jquery autocomplete dwr结合 修改Data

阅读更多
例子:
数据是在别的地方找到的 ^_^
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>

<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript">
var v_1 = [
	{ name: "深发展A", id: "000001"},
	{ name: "万科A", id: "000002"},
	{ name: "ST 国 农", id: "000004"},
	{ name: "世纪星源", id: "000005"},
	{ name: "深振业A", id: "000006"},
	{ name: "ST 达 声", id: "000007"},
	{ name: "ST宝利来", id: "000008"},
	{ name: "中国宝安", id: "000009"}
];
var v_2 = [
	{ name: "S ST华新", id: "000010"},
	{ name: "山航B", id: "200152"},
	{ name: "*ST帝贤B", id: "200160"},
	{ name: "雷伊B", id: "200168"},
	{ name: "宝石B", id: "200413"},
	{ name: "小天鹅B", id: "200418"},
	{ name: "粤高速B", id: "200429"},
	{ name: "宁通信B", id: "200468"},
	{ name: "晨鸣B", id: "200488"},
	{ name: "珠江B", id: "200505"},
	{ name: "闽灿坤B", id: "200512"},
	{ name: "华电国际", id: "600027"}
];

jQuery().ready(function() {
	jQuery("#stockInfo").autocomplete(
		v_1,{	
		minChars: 1, //最少输入多少字符开始查询
		highlight: false,
		scroll: true,
		scrollHeight: 200,
		width: 153,  //宽度
		matchContains: true,
		matchSubset:false,
		formatItem: function(row, i, max) {
			return i + "/" + max + ": " + row.name ;
		},
		formatMatch: function(row, i, max) {
			return row.name;
		}
	});
	jQuery("#stockInfo").result(function(event, data, formatted) {
		//相关的业务处理
		alert(data.id);
	});
});

//此方法可以被DWR调用来改变Data
function changeToStockInfo(){
	$("#stockInfo")
		// clear existing data
		.val("")
		// change the local data to months
		.setOptions({data: v_2})
}
</script>

<div id="content">
	<form autocomplete="off">
		<p>
			<input type="button" value="Change Data" onclick="changeToStockInfo();" />
		</p>
		<p>
			<input type="text" id="stockInfo" />
		</p>
	</form>
</div>

DWR 如何使用这里不介绍了
主要操作就是在回调方法中直接调用changeToStockInfo()来改变Data数据就可以了
之前以为autocomplete只能有一次初始化,呵呵 没仔细看例子
分享到:
评论

相关推荐

    jquery autocomplete下载.rar

    《jQuery Autocomplete 全面解析》 jQuery Autocomplete 是一个非常实用的插件,它为网页表单输入框提供了自动补全功能,极大地提升了用户体验。这个压缩包“jquery autocomplete下载.rar”包含了实现这一功能所需...

    jquery autocomplete

    在实际应用中,jQuery Autocomplete 可以与各种后端技术结合,如 PHP、ASP.NET、Node.js 等,构建出高效且用户体验良好的自动补全功能。了解并熟练掌握这个插件的使用,能让你的网页表单更加智能化,提升用户满意度...

    JQuery autocomplete Ajax分页控件

    `jQuery autocomplete` 结合`Ajax`技术,可以实现异步加载数据,即当用户输入时,通过Ajax请求后台服务,获取匹配的建议数据,而无需刷新整个页面。这种方式不仅提高了响应速度,还节省了网络带宽。 在描述中提到的...

    jquery autocomplete 动态补全例子有说明ajax加载

    jQuery Autocomplete结合AJAX和JSON,可以创建出高效且灵活的动态补全功能。用户输入时,通过AJAX向服务器请求数据,服务器返回JSON格式的匹配项,然后在客户端将这些数据转化为Autocomplete可识别的格式并显示出来...

    jQuery AutoComplete使用实例

    **jQuery AutoComplete 使用详解** jQuery AutoComplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全功能,能够极大地提升用户体验。这个插件基于 jQuery 库,因此需要先引入 jQuery 才能使用。在本文...

    jquery.autocomplete.js使用示例,可直接运行

    jQuery Autocomplete.js 插件是提高网页表单输入效率的好帮手,通过与Ajax的结合,能够轻松实现动态数据的自动补全功能。在实际开发中,可以根据具体需求灵活配置和扩展,以满足各种复杂场景。记得在使用过程中注意...

    jquery Autocomplete 仿百度搜索 只能搜索提示

    在IT行业中,jQuery Autocomplete是一个常用的插件,用于实现类似于搜索引擎的自动补全功能。它为用户提供了方便快捷的输入体验,尤其适用于大型数据集的筛选。本项目以"jQuery Autocomplete 仿百度搜索 只能搜索...

    Jquery AutoComplete

    **jQuery AutoComplete 知识详解** `jQuery AutoComplete` 是一个非常流行的 JavaScript 库,它扩展了 jQuery UI 框架,为输入框提供自动补全功能。这个组件广泛应用于网页表单,尤其是在用户需要输入搜索关键词...

    jquery autocomplete js 文件

    可以修改 CSS 类名或直接在项目中包含 Autocomplete 提供的 CSS 文件,例如 `jquery.autocomplete.css`。 ### 7. 高级配置 Autocomplete 插件支持多种高级配置,如 `appendTo`(指定下拉菜单插入的位置)、`...

    jquery自动补全插件(jquery autocomplete)

    `jquery.autocomplete.css` 文件包含了默认的样式,你可以根据项目需求进行修改,以适应不同的布局和设计风格。 ### 5. 示例代码 在压缩包中的 `jquery.autocomplete使用方法.txt` 文件,应该包含了详细的使用示例...

    Jquery Autocomplete 拼音首字母匹配

    1,本示例是基于微软拼音类库的jquery.autocomplete自动拼音首字母匹配搜索实现,解决了多音字匹配问题。 2,由于用了Linq查询,所以至少需要.NET Framework 3.5。 4,由于jquery匹配时的match项和result项来自不同...

    Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

    ### Jquery AutoComplete组件+Ajax实现搜索框输入提示功能详解 #### 前言 在当前Web应用开发中,提供良好的用户体验是至关重要的。本文主要介绍如何使用Jquery AutoComplete组件与Ajax技术来实现搜索框的实时输入...

    jquery autoComplete

    通过学习这个范例,你可以了解到如何结合实际业务需求,利用 `jQuery autoComplete` 插件构建自己的自动完成功能,提高用户在输入数据时的效率和准确性。 综上所述,`jQuery autoComplete` 是一个强大的工具,能...

    jquery.autocomplete.js资源压缩包下载

    《jQuery Autocomplete 智能联想框JS实现详解》 在网页开发中,为了提高用户体验,经常需要使用到一种功能——智能联想框。这个功能可以让用户在输入框中输入文字时,自动显示与输入内容相关的建议,就像百度搜索...

    Jquery AutoComplete 使用demo

    **jQuery AutoComplete 知识点详解** jQuery AutoComplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全的功能,广泛应用于网页表单、搜索框等场景,以提高用户体验。这个插件允许开发者从本地数组或...

    Jquery AutoComplete的使用方法实例

    **jQuery AutoComplete 使用详解** jQuery AutoComplete 是一个非常流行的 jQuery 插件,它为输入框提供了自动补全功能,常用于搜索框、表单输入等场景,极大地提升了用户体验。本篇将详细介绍如何使用 jQuery ...

    jquery.autocomplete js包

    **jQuery Autocomplete 知识点详解** `jQuery Autocomplete` 是一个非常流行的 jQuery 插件,主要用于实现输入框的自动补全功能。它为用户提供了一种便捷的方式,根据用户输入的部分字符快速匹配并显示相关数据,...

    jquery autocomplete中文文档

    jquery-autocomplete搜索框自动完成的中文文档,上手快,轻便,功能强大

    jquery Autocomplete插件,搜索自动完成

    jQuery plugin: Autocomplete 参数及实例 官网:jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自:http://www.cnblogs.com/duanhuajian/p/3398904.html

Global site tag (gtag.js) - Google Analytics