下载本资源原文网址:http://www.daima.org/js/js17516.html 说明: 1.这是一个根据汉字或拼音进行快速查询的静态控件 2.数组可以从后台一次生成到 script 中
该控件,需要传一个类似于demoData 的数组
var demoData = new Array("","",""); demoData[0] = new Array("000", "北京", "Beijing"); demoData[1] = new Array("001", "上海", "Shanghai"); demoData[2] = new Array("002", "广州", "Guangzhou");
demoData[3] = new Array("003", "成都", "Chengdu"); demoData[4] = new Array("004", "深圳", "Shenzhen"); demoData[5] = new Array("005", "香港", "Xianggang");
demoData[6] = new Array("006", "西安", "Xian"); demoData[7] = new Array("007", "广西", "Guangxi"); demoData[8] = new Array("008", "广元", "Guangyuan");
demoData[9] = new Array("009", "南京", "Nanjing"); demoData[10] = new Array("010", "杭州", "Hangzhou"); demoData[11] = new Array("010", "齐齐哈尔市", "Qiqihaer");
window.onload = function(){
$quickQuery( demoData );
}
这个数组的列上的字符顺序改变后,需要相应的修改 quickQuery.js 文件中的
_index = {} 这个数组对象 _index[hz] , _index[py] 相应的索引值
quickQuery.css 需要手动引入
HTML 使用方法: 给需要使用该查询的input 的class上加上 quickQuery$focus Eg: 1. <input class="quickQuery$focus" /> 或 2. <input class="test quickQuery$focus" /> 或 3. <input class="test quickQuery$focus demo" />
<script type="text/javascript" src="quickQuery.js"></script> <link rel="stylesheet" type="text/css" href="quickQuery.css">
***************************************************************************** 必须参数: dataArray 可选参数: 1. 是否启用分页功能,
"false"为不启用
eg: $quickQuery( demoData, "false" );
2. 分页状态下每页最大条数
默认状态为10 条每页
eg: $quickQuery( demoData, 5 );
*****************************************************************************
当然,请不要像这样使用 eg: $quickQuery( demoData, "false", 15 );
这个控件只接收 2个参数,,,接收多了 要出问题的。。哈哈 我也没有去判断了。。阿门。。
*****************************************************************************
希望使用者可以保留js 文件中的版权信息,毕竟是偶的劳动产品。谢谢
***************************************************************************** 为了文件可以小一点,我删掉了注释
如果有谁需要带注释的版本,哪里不理解或者有什么建议可以给我发邮件,说下
denglingbo@126.com 或者 denglingbo@gmail.com |