首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery autocomplete dwr组合 修改Data

2012-11-09 
jquery autocomplete dwr结合 修改Data例子:数据是在别的地方找到的 ^_^script typetext/javascript s

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调用来改变Datafunction 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只能有一次初始化,呵呵 没仔细看例子

热点排行