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

}

}