将【mui 搜索列表插件 picker-search】修改为对数据库中数据进行模糊搜索

对本网站【青柠知秋】大神，自定义mui 搜索列表插件 picker-search，修改为对数据库中数据进行模糊搜索

先向大神致敬吧！！！链接：自定义mui 搜索列表插件 picker-search.

最近在做手机网站，但我是个小白从没做过移动端网站，从网上找到了MUI，修修改改做的挺丑的（不会前端及UI，特别痛苦）。

MUI下的选择器picker没有搜索功能，不符合要求，继续在网上搜索找到了【青柠知秋】大神的自定义插件自定义mui 搜索列表插件 picker-search，如获至宝，欣喜异常~

但是，使用后发现只符合项目中的部分功能，没办法只好继续对其进行修改，说说遇到的情况，然后上代码吧。

1、要在【picker-search】插件中放入大量的数据，然后进行搜索，选择。
2、但是现有的插件在初始化时，一次性放入大量数据，会导致运行速度极慢。
3、这时，有个想法就是，初始化时只放少量数据，然后进行搜索时，不查询现有数据，
而是使用查询条件到数据库重新获取数据。

上代码吧。

//直接修改【myMuiSearchPicker.js】中的搜索代码
self.input.addEventListener('input', function () {self.panel.style.top = self.top;self.searchClean = self.input.nextSibling;self.searchClean.addEventListener('tap', sc, false);var filter = this.value; //获取搜索框中的数据，这是【青柠知秋】大神的原代码//修改的代码开始$.ajax({url: "/MobileManage/Mobile/GetProductList?name=" + filter,type: "get",//请求方式dataType: 'json',//服务器返回json格式数据async: false,//请求成功success: function (ret) {self.setData(ret); //重新给选择器赋值},//请求失败，包含具体的错误信息error: function (e) {self.setData(self.options.data);//如果查询出错，则赋值原有数据}});//修改的代码结束/* 这是【青柠知秋】大神的原代码var filterList = [];if (filter) {for (var i = 0; i < self.options.data.length; i++) {if (self.options.data[i].text.search(filter) != -1) {filterList.push(self.options.data[i]);}}self.setData(filterList);} else {self.setData(self.options.data);}*/self.pickers[0].setSelectedIndex(0, 1000);}, false);

将【mui 搜索列表插件 picker-search】修改为对数据库中数据进行模糊搜索相关推荐

DDL-操作数据库、操作数据表、DML-增加、修改、删除表中数据、DQL-表数据查询
SQL 语句分类: DDL(Data Definition Language) :数据定义语言.用来操作数据库,表,列等. DML(Data Manipulation Language) :数据操作语 ...
mysql 修改结束符_MySQL数据库中DELIMITER修改结束符教程及应用实例
关于DELIMITER 在MySQL中默认的结束符DELIMITER是;,它用于标识一段命令是否结束.在默认情况下,在命令行客户端中,如果有一行命令以;结束,那么回车后,MySQL将会执行该命令. 修 ...
mysql如何限制数据修改密码_MySQL_MySQL数据库中修改密码及访问限制设置详解，MySQL是一个真正的多用户、多 - phpStudy...
MySQL数据库中修改密码及访问限制设置详解 MySQL是一个真正的多用户.多线程SQL数据库服务器.MySQL是以一个客户机/服务器结构的实现,它由一个服务器守护程序mysqld和很多不同的客户程序 ...
更新、修改access mdb数据库中的数据，用于swat的mdb文件
最近在整swat模型,编辑植被生长的.mgt文件编到吐血,遂找了下修改mdb文件的方法. import pyodbcdatafile = "E:\SWAT_Model\JinJiang_sw ...
mysql修改表charset_MySql数据库中查询修改表中字符编码（charset）的方法
MySQL字符集多种多样,下面为您列举了其中三种最多见的MySQL字符集查看方法,该方法供您参考,但愿对您学习MySQL数据库能有所启迪.mysql 1.查看MySQL数据库服务器和数据库MySQL字 ...
SQL Server数据库关系图和数据库中数据的操作(添加，查询，修改，删除)
文章目录一.创建数据库关系图二.数据的操作 1.添加数据 (1) 添加单行数据 (2) 添加多行数据 2.简单查询数据 3.修改数据 4.删除数据 5.还原数据表三.数据库的设计 1.主键的选择 ...
jquery即时搜索查询插件jquery.search.js
jquery.search.js搜索插件是一款基于jquery的插件,任何一个input输入款均可即时转为查询框,可分为前台数据直接显示和后台传输数据显示两种方案! 文档说明:http://www. ...
从配置文件(*.config)读到内存中,手动修改配置文件后,内存中数据改变问题.
某些情况,我们把数据信息存储在*.xml或*.config文件中,存储在*.config中会比较安全,发布的程序,浏览器不会打开*.config文件,但是*.xml会在浏览器中呈现. 使用.confi ...
如何修改以及删除数据库中的表
修改删除表修改表: -- 修改表名 ALTER TABLE 旧表名 RENAME AS 新表名 ALTER TABLE teacher RENAME AS teacher1;-- 增加表的字段 AL ...

将【mui 搜索列表插件 picker-search】修改为对数据库中数据进行模糊搜索

对本网站【青柠知秋】大神，自定义mui 搜索列表插件 picker-search，修改为对数据库中数据进行模糊搜索

将【mui 搜索列表插件 picker-search】修改为对数据库中数据进行模糊搜索相关推荐

最新文章

热门文章