php使用easy ui combobox级联,Easy UI中combobox利用拼音进行筛选

关于网上找的easyUI中combobox通过拼音进行筛选下拉框内容的问题，写的太过专业，作为技术小白的我反正没看懂，自己写了一个小例子，下次遇到给自己提个醒。

Easy UI中combobox利用拼音进行筛选前端页面显示

data-options="panelHeight:'auto',filter:filterCombo" >

至于options，每个人获取方式不一样，我是在页面加载完全后遍历整个datagrid中的信息获取。

var FAULT_NAME = [];

dg.datagrid({

onLoadSuccess:function(data){

for(var i = 0; i < dg.datagrid("getRows").length; i++){

var rowData = dg.datagrid("getRows")[i];

var insertFaultName = {};

insertFaultName.value = rowData.FAULTNAME;

insertFaultName.text = rowData.FAULTNAME;

FAULT_NAME.push(insertFaultName);

}

$("#FAULTNAME").combobox('loadData',FAULT_NAME);

}

});

在页面中引入ChinesePY.js文件，网上一大堆这个文件，很好搜

这里写一下filterCombo方法

//q表示文本框中输入的内容，

//row 表示每次遍历时每次从options里取到的对象

function filterCombo(q,row){

var opts = $(this).combobox('options');

var tmpValue = row.value;

var tmpText = row.text;

//Pinyin.GetQP是ChinesePYthon.js文件中定义的，目的是将汉语转化为对应的全拼，此处将转化后的拼音与输入的’p’进行筛选

row.value = Pinyin.GetQP(row.value);

row.text = Pinyin.GetQP(row.text);

if(row[opts.textField].indexOf(q) == 0){

//这里一定要把拼音转回来变成汉字，否则输入搜索的p以后，当遇到匹配的option并选中，传递回来的是汉语的全拼而非汉语本身。

row.value = tmpValue;

row.text = tmpText;

return true;

}else{

row.value = tmpValue;

row.text = tmpText;

return false

}

php使用easy ui combobox级联,Easy UI中combobox利用拼音进行筛选相关推荐

第四十四课：jQuery UI和jQuery easy UI
jQuery UI是jQuery官方提供的功能效果和UI样式.作为官方出的东西,它一直没有被人们看重,一是它没有datagrid,tree等UI库必备的东西,二是它修改太过频繁,体积庞大.其实它所有以 ...
UI培训分享：UI设计行业常见术语有哪些?
学会UI设计之后,大家后面就要进入到真正的UI设计行业了,那么关于UI设计行业的常见术语大家也要做一些了解,尤其是新人,这对后面的工作会很多有帮助,本期UI培训教程就给大家介绍一下UI设计行业常见术语 ...
UI培训分享：UI设计师要掌握哪些知识点
UI设计师除了要学会自己所在行业的技术之外,还要了解一些其他的知识点,这些知识点都会在今后的工作中带来帮助,甚至是加分项,那么下面来看看小编为大家介绍的UI培训分享:UI设计师要掌握哪些知识点? UI ...
UI设计培训：UI构思创意技巧和方法
想要作为一名合格的UI设计师,那么创意技巧和方法是非常重要的,很多刚入职场的新人或者是工作多年的设计师都会在创意技巧和方法上遇到瓶颈,下面小编为大家整理一些UI构思创意技巧和方法,希望能够帮助到大家. ...
UI设计培训之UI设计系统知识
最近有很多小伙伴都在学习UI设计的相关知识,很多同学都是东边一学习一下,西边学习一下,根本没有明确的学习方法,对于这个问题小编为大家整理了一下学习UI设计的系统知识,一起看看吧! UI设计培训之UI设 ...
UI设计培训之设计中的点线面-面
想要学好UI设计,从事UI设计工作,那么理论基础知识一定要会,今天小编为大家整理的就是关于UI设计中的点线面-面,在平面构成三要素中面是相对占空间最大的元素,在设计中也包含和表现更加强烈的情感色彩,有 ...
NGUI创建Camera参数为Simple 2D的UI UI对象的结构UI Root(2D)
NGUI创建Camera参数为Simple 2D的UI UI对象的结构UI Root(2D) 使用NGUI创建的Camera参数为Simple 2D的UI,会在游戏的场景中生成1个名为UI Root( ...
android 组件线程,Android UI线程和非UI线程
UI线程及Android的单线程模型原则当应用启动,系统会创建一个主线程(main thread). 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这个主线程里,你的应用和Android的 ...
Android UI线程和非UI线程
UI线程及Android的单线程模型原则当应用启动,系统会创建一个主线程(main thread). 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这个主线程里,你的应用和Android的 ...

php使用easy ui combobox级联,Easy UI中combobox利用拼音进行筛选

php使用easy ui combobox级联,Easy UI中combobox利用拼音进行筛选相关推荐

最新文章

热门文章