|
|
@@ -25,7 +25,7 @@
|
|
|
var ulc = this;
|
|
|
this.initUlcLevel();
|
|
|
if(this.options.ulcLevel.length > 0){
|
|
|
- this.initUlcHtml(0,"",ulc.options.ulcLevel[0].ulcId);
|
|
|
+ this.initUlcHtml(0,"");
|
|
|
}
|
|
|
return this;
|
|
|
},
|
|
|
@@ -42,6 +42,10 @@
|
|
|
this.isLoadChangeEvent = false; //
|
|
|
//用于绑定回调函数的调用
|
|
|
//this.isBackChangeEvent = false; //弃用
|
|
|
+
|
|
|
+ //标记使用那么来获取参数是否正确
|
|
|
+ this.isGetNameCorrect = false; //
|
|
|
+
|
|
|
//标记为以哪个数据为主 1：id 2：name 默认为1
|
|
|
this.dataType = 1;
|
|
|
|
|
|
@@ -53,6 +57,7 @@
|
|
|
if(ulc.ulcIsEmpty(this.ulcId)){
|
|
|
this.dataType = 1;
|
|
|
}
|
|
|
+ /*初始化选中回调*/
|
|
|
if(this.callback == null){
|
|
|
this.callback = function (data) {}; //回调函数，回调所选值
|
|
|
}
|
|
|
@@ -62,7 +67,7 @@
|
|
|
this.options.dataList = new Array(num);
|
|
|
this.options.data = new Array(num);
|
|
|
},
|
|
|
- initUlcHtml : function(level,id,thisId){
|
|
|
+ initUlcHtml : function(level,id){
|
|
|
/*
|
|
|
* level 级别 id上一级节点id，作为参数 thisId 本级应该选中的值
|
|
|
*/
|
|
|
@@ -70,9 +75,6 @@
|
|
|
level = Number(level);
|
|
|
var ulc = this;
|
|
|
var node = ulc.options.ulcLevel[level];
|
|
|
- if(ulc.ulcIsEmpty(thisId)){
|
|
|
- node.ulcId = thisId; //当前应该选中的值
|
|
|
- }
|
|
|
|
|
|
var falg = true; //标识查询
|
|
|
$(node.ulcNode).empty(); //清空下拉框
|
|
|
@@ -82,7 +84,7 @@
|
|
|
if(level > 0 && ulc.options.ulcLevel[level-1].isSelected == 2 && !ulc.ulcIsEmpty(id) && !ulc.options.ulcLevel[level-1].isContainId){
|
|
|
falg = false;
|
|
|
if(ulc.options.ulcLevel.length-1 > level ) {
|
|
|
- ulc.initUlcHtml(level + 1, '', ''); //递归下一级
|
|
|
+ ulc.initUlcHtml(level + 1, ''); //递归下一级
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -104,17 +106,28 @@
|
|
|
node.isContainId = true;
|
|
|
}
|
|
|
});
|
|
|
- var nodeUlcId='';
|
|
|
+ var nodeUlcId,isGetNameCor=true;
|
|
|
if(node.isContainId && node.dataType == 1){
|
|
|
nodeUlcId = node.ulcId;
|
|
|
+ isGetNameCor = true;
|
|
|
}else if(ulc.ulcIsEmpty(node.ulcName) && node.dataType == 2){
|
|
|
nodeUlcId = ulc.getUlcIdByName(node);
|
|
|
+ if(!ulc.ulcIsEmpty(nodeUlcId)){
|
|
|
+ isGetNameCor = false;
|
|
|
+ }else{
|
|
|
+ isGetNameCor = true;
|
|
|
+ }
|
|
|
if(!ulc.ulcIsEmpty(nodeUlcId) && node.isSelected != 2){
|
|
|
nodeUlcId = node.parseData(res.data[0]).id;
|
|
|
}
|
|
|
}else if(res.data.length > 0 && node.isSelected != 2){
|
|
|
nodeUlcId = node.parseData(res.data[0]).id;
|
|
|
+ isGetNameCor=false;
|
|
|
}
|
|
|
+
|
|
|
+ if(!node.isGetNameCorrect)
|
|
|
+ node.isGetNameCorrect = isGetNameCor; //标记未获取到正确的select选项
|
|
|
+
|
|
|
node.ulcId = nodeUlcId;
|
|
|
$(node.ulcNode).val(nodeUlcId);
|
|
|
|
|
|
@@ -131,13 +144,18 @@
|
|
|
$(node.ulcNode).change(function (){
|
|
|
if(ulc.options.ulcLevel.length-1 > level){
|
|
|
//点击事件
|
|
|
- ulc.initUlcHtml(level+1,$(node.ulcNode).val(),ulc.options.ulcLevel[level+1].ulcId);
|
|
|
+ ulc.initUlcHtml(level+1,$(node.ulcNode).val());
|
|
|
}else if(ulc.options.ulcLevel.length-1 == level){
|
|
|
//点击触发回调datalist函数
|
|
|
ulc.allBackData();
|
|
|
}
|
|
|
//点击事件-触发回调函数
|
|
|
ulc.backData(level);
|
|
|
+
|
|
|
+ /*重置后面所有的isGetNameCorrect=true */
|
|
|
+ for(var k=level;k < ulc.options.ulcLevel.length;k++){
|
|
|
+ ulc.options.ulcLevel[k].isGetNameCorrect = true;
|
|
|
+ }
|
|
|
});
|
|
|
//只需要绑定一次事件
|
|
|
node.isLoadChangeEvent = true;
|
|
|
@@ -149,15 +167,7 @@
|
|
|
}
|
|
|
// 递归查询下一级
|
|
|
if(ulc.options.ulcLevel.length-1 > level ){
|
|
|
- var ulcId = ulc.options.ulcLevel[level+1].ulcId,ulcName=ulc.options.ulcLevel[level+1].ulcName;
|
|
|
- if(ulc.ulcIsEmpty(ulcName)){
|
|
|
- var itemUlcId = ulc.getUlcIdByName(ulc.options.ulcLevel[level+1]);
|
|
|
- ulcId = itemUlcId;
|
|
|
- }
|
|
|
- if(ulc.ulcIsEmpty(ulcId)){
|
|
|
- ulcId = ulc.options.ulcLevel[level+1].ulcId;
|
|
|
- }
|
|
|
- ulc.initUlcHtml(level+1,node.ulcId,ulcId);
|
|
|
+ ulc.initUlcHtml(level+1,node.ulcId);
|
|
|
}
|
|
|
}else{
|
|
|
console.log(res.msg);
|
|
|
@@ -178,7 +188,7 @@
|
|
|
level = arguments[0];
|
|
|
}else{
|
|
|
//节点，传入节点，将进行取值ulclevel
|
|
|
- level = arguments[0].attr("ulclevel");
|
|
|
+ level = parseInt(arguments[0].attr("ulclevel"));
|
|
|
}
|
|
|
if(level == -1){
|
|
|
console.log("setUlcId error!!!");
|
|
|
@@ -200,7 +210,7 @@
|
|
|
if(ulc.options.ulcLevel[level].isLoad){
|
|
|
/*将当前级别以后的级别设置为false*/
|
|
|
ulc.cancelIsLoad(level);
|
|
|
- ulc.initUlcHtml(level,upperLevelId,arguments[1])
|
|
|
+ ulc.initUlcHtml(level,upperLevelId)
|
|
|
}
|
|
|
return this;
|
|
|
},
|
|
|
@@ -215,7 +225,7 @@
|
|
|
level = arguments[0];
|
|
|
}else{
|
|
|
//节点，传入节点，将进行取值ulclevel
|
|
|
- level = arguments[0].attr("ulclevel");
|
|
|
+ level = parseInt(arguments[0].attr("ulclevel"));
|
|
|
}
|
|
|
if(level == -1){
|
|
|
console.log("setUlcByName error!!!");
|
|
|
@@ -237,7 +247,7 @@
|
|
|
if(ulc.options.ulcLevel[level].isLoad){
|
|
|
/*将当前级别以后的级别设置为false*/
|
|
|
ulc.cancelIsLoad(level);
|
|
|
- ulc.initUlcHtml(level,upperLevelId,null)
|
|
|
+ ulc.initUlcHtml(level,upperLevelId)
|
|
|
}
|
|
|
return this;
|
|
|
},
|
|
|
@@ -249,31 +259,35 @@
|
|
|
if(!this.ulcIsEmpty(name)){
|
|
|
return "";
|
|
|
}
|
|
|
- var ulc = this;
|
|
|
- var oldName = name;
|
|
|
+ var ulc = this,oldNameList = new Array();
|
|
|
+ //将name去除judgeNameShield的字符后变成一个集合
|
|
|
for (var i=0;i<ulc.options.judgeNameShield.length;i++){
|
|
|
- name = name.replace(ulc.options.judgeNameShield[i],"");
|
|
|
+ var oldName = name.replace(ulc.options.judgeNameShield[i],"");
|
|
|
+ oldNameList.push(oldName);
|
|
|
}
|
|
|
+ $.unique(oldNameList.sort()); //排序，去重
|
|
|
var max = 0,maxValue="";
|
|
|
$node.find("option").each(function(){
|
|
|
- var number=0;
|
|
|
- var thisName = $(this).text()
|
|
|
- if(thisName.indexOf(name) > -1){
|
|
|
- number ++;
|
|
|
- if(thisName == name){
|
|
|
- number ++;
|
|
|
- }
|
|
|
- }
|
|
|
+ var number=0,thisNameList=new Array();
|
|
|
+ var thisName = $(this).text();
|
|
|
+ //将thisNewName去除judgeNameShield的字符后变成一个集合
|
|
|
for (var i=0;i<ulc.options.judgeNameShield.length;i++){
|
|
|
- thisName = thisName.replace(ulc.options.judgeNameShield[i],"");
|
|
|
+ var thisNewName = thisName.replace(ulc.options.judgeNameShield[i],"");
|
|
|
+ thisNameList.push(thisNewName);
|
|
|
}
|
|
|
- if(oldName.indexOf(thisName) > -1){
|
|
|
- number ++;
|
|
|
- if(thisName == name){
|
|
|
- number ++;
|
|
|
- }
|
|
|
- if(oldName == name){
|
|
|
- number ++;
|
|
|
+ $.unique(thisNameList.sort()); //排序，去重
|
|
|
+ //两个集合进行对比，分数最高为最接近的数值
|
|
|
+ for(var m=0;m<oldNameList.length;m++){
|
|
|
+ for(var n=0;n<thisNameList.length;n++){
|
|
|
+ if(oldNameList[m].indexOf(thisNameList[n]) > -1 ){
|
|
|
+ number ++;
|
|
|
+ }
|
|
|
+ if(thisNameList[n].indexOf(oldNameList[m]) > -1 ){
|
|
|
+ number ++;
|
|
|
+ }
|
|
|
+ if(oldNameList[m] == thisNameList[n]){
|
|
|
+ number ++;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
if(max < number){
|
|
|
@@ -327,6 +341,19 @@
|
|
|
setUlcAllCallback:function (fun) {
|
|
|
this.options.allCallback = fun;
|
|
|
},
|
|
|
+ getIsNameCorrect:function (level) {
|
|
|
+ var ulc = this;
|
|
|
+ if(ulc.ulcIsEmpty(level)){
|
|
|
+ return ulc.options.ulcLevel[level].isGetNameCorrect;
|
|
|
+ }
|
|
|
+ var flag = true;
|
|
|
+ $(ulc.options.ulcLevel).each(function (index){
|
|
|
+ if(!this.isGetNameCorrect){
|
|
|
+ flag = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return flag;
|
|
|
+ },
|
|
|
ulcCufte:function(val) {
|
|
|
if (undefined == val || null == val||typeof val == undefined || typeof val == 'undefined'|| 'undefined' == val) {
|
|
|
val = "";
|
|
|
@@ -393,149 +420,4 @@ function init_ulc(node){
|
|
|
ulcLevel:null
|
|
|
});
|
|
|
return ulc;
|
|
|
-};
|
|
|
-
|
|
|
-
|
|
|
-/****
|
|
|
- * 插件api :
|
|
|
- * 插件依赖Jquery1.6以上
|
|
|
- * version : 0.1
|
|
|
- * -------初始化-------
|
|
|
- * 有两种初始化，可自行选择，推荐使用b
|
|
|
- * a:为某个select通用组件注册，使用js赋值详细参数
|
|
|
- * html :
|
|
|
- <div class="init_ulc">
|
|
|
- <select class="ulc_level_1" ></select>
|
|
|
- <select class="ulc_level_2" ></select>
|
|
|
- </div>
|
|
|
-
|
|
|
- * js:
|
|
|
- var $ulc1 = $(".init_ulc").find(".ulc_level_1");
|
|
|
- var $ulc2 = $(".init_ulc").find(".ulc_level_2");
|
|
|
- var ulc = $(".init_ulc").initUlc({
|
|
|
- urlPrefix: "", // 根路径
|
|
|
- judgeNameShield : ["x1","x2"], //在比对option的text的值时，需要去掉某些值，才能展示出包含的参数，如"省","市","县","乡","镇","市","自治区" 如果需要加上"壮族自治区"和"自治区"，应先写"壮族自治区" -- 可选
|
|
|
- allCallback: function xx(data){} //回调函数名称，可选 -- 所有的select点击，都会触发此函数，回调的值为所有的selece选中的data数据 -- 可选
|
|
|
- ulcLevel : [ //select的集合
|
|
|
- {
|
|
|
- ulcNode: $ulc1, //第一个select的节点 -- 必选
|
|
|
- ulcURL: "/getselect1", //url -- 必选
|
|
|
- ulcId : $ulc1.attr("ulcId"), //用于默认选中某个选项 该值等于option的value -- 可选
|
|
|
- ulcName: $ulc1.attr("ulcName"), //用于默认选中某个选项 该值等于option的text -- 可选
|
|
|
- isFristSelect : false, //是否有首行选择项，如“请选择XXX” false:无 true：是 -- 可选
|
|
|
- fristSelectMsg : "请选择XXX", //当isFristSelect为true的时候，首行默认选中"请选择XXX"，默认value为空 -- 当isFristSelect为true，必选
|
|
|
- callback:function xx(data){} // 当前select点击，触发该函数，回调的值为当前选中的data数据 -- 可选
|
|
|
- repData: function(res){ //res 即为原始返回的数据，json返回数据 -- 必选
|
|
|
- return {
|
|
|
- "isFlag": 200, //返回数据与code的值返回比较，相等为获取成功，不等为获取失败 -- 可选 ，默认200
|
|
|
- "code": res.xxxcode, //解析返回数据返回状态
|
|
|
- "msg": res.xxxMsg, //解析提示文本，失败提示文本
|
|
|
- "data": res.xxxList.data1List //解析数据列表，成功返回的是集合
|
|
|
- };
|
|
|
- },
|
|
|
- parseData:function(data){ //data为repData中的data数据 -- 必选
|
|
|
- return {
|
|
|
- "id": data.xxxId, //解析data中id值，为option的value
|
|
|
- "val": data.xxxName, //解析data中name值，为option的text
|
|
|
- "msg": data.xxxMsg, //附加值，可以绑定某个不需要的值，为option新增msg属性 -- 可选
|
|
|
- };
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- ulcNode: $ulc2, //第一个select的节点 -- 必选
|
|
|
- ulcURL: "/getselect2", //url -- 必选
|
|
|
- ulcId : $ulc1.attr("ulcId"), //用于默认选中某个选项 该值等于option的value -- 可选
|
|
|
- ulcName: $ulc1.attr("ulcName"), //用于默认选中某个选项 该值等于option的text -- 可选
|
|
|
- isFristSelect : false, //是否有首行选择项，如“请选择XXX” false:无 true：是 -- 必选
|
|
|
- fristSelectMsg : "请选择XXX", //当isFristSelect为true的时候，首行默认选中"请选择XXX"，默认value为空 -- 当isFristSelect为true，必选
|
|
|
- callback:function xx(data){} // 当前select点击，触发该函数，回调的值为当前选中的data数据 -- 可选
|
|
|
- repData: function(res){ //res 即为原始返回的数据，json返回数据 -- 必选
|
|
|
- return {
|
|
|
- "isFlag": 200, //返回数据与code的值返回比较，相等为获取成功，不等为获取失败 -- 可选 ，默认200
|
|
|
- "code": res.xxxcode, //解析返回数据返回状态
|
|
|
- "msg": res.xxxMsg, //解析提示文本，失败提示文本
|
|
|
- "data": res.xxxList.data2List //解析数据列表，成功返回的是集合
|
|
|
- };
|
|
|
- },
|
|
|
- parseData:function(data){ //data为repData中的data数据 -- 必选
|
|
|
- return {
|
|
|
- "id": data.xxxId, //解析data中id值，为option的value
|
|
|
- "val": data.xxxName, //解析data中name值，为option的text
|
|
|
- "msg": data.xxxMsg, //附加值，可以绑定某个不需要的值，为option新增msg属性 -- 可选
|
|
|
- };
|
|
|
- }
|
|
|
- },
|
|
|
- ]
|
|
|
- });
|
|
|
- *
|
|
|
- * b:使用html的属性来携带参数，直接初始化
|
|
|
- * html :
|
|
|
- <div class="init_ulc" code="xxxcode" msg="xxxMsg" data="xxxList">
|
|
|
- <select class="select" ulcId="" ulcName=""
|
|
|
- ulcURL="/getselect1" ulcList="data1List" ulcValName="xxxName" ulcValId="xxxId" ulcMsg=""
|
|
|
- ulcIsFristSelect="true" ulcFristSelectMsg="请选择XXX">
|
|
|
- </select>
|
|
|
- <select class="select" ulcId="" ulcName=""
|
|
|
- ulcURL="/getselect2" ulcList="data2List" ulcValName="xxxName" ulcValId="xxxId" ulcMsg=""
|
|
|
- ulcIsFristSelect="true" ulcFristSelectMsg="请选择XXX">
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- 属性说明：
|
|
|
- div:
|
|
|
- code： 解析返回数据返回状态
|
|
|
- xxxMsg：解析提示文本，失败提示文本
|
|
|
- xxxList：解析数据列表，成功返回的是集合
|
|
|
- select:
|
|
|
- ulcURL： url -- 必选
|
|
|
- ulcList： 解析数据列表，成功返回的是集合 data.xxxList.ulcList
|
|
|
- ulcValName：解析data中name值，为option的text
|
|
|
- ulcValId：解析data中id值，为option的value
|
|
|
- ulcMsg：附加值，可以绑定某个不需要的值，为option新增msg属性 -- 可选
|
|
|
- ulcIsFristSelect：是否有首行选择项，如“请选择XXX” false:无 true：是 -- 必选
|
|
|
- ulcFristSelectMsg："请选择XXX", //当isFristSelect为true的时候，首行默认选中"请选择XXX"，默认value为空 -- 当isFristSelect为true，必选
|
|
|
- ulcId：用于默认选中某个选项 该值等于option的value -- 可选
|
|
|
- ulcName：用于默认选中某个选项 该值等于option的text -- 可选
|
|
|
-
|
|
|
- * js:
|
|
|
- var ulc = $(".init_ulc").initUlcByHtml({
|
|
|
- ulcLevel:null
|
|
|
- });
|
|
|
- * -------初始化END-------
|
|
|
- * -------方法-------
|
|
|
- * setUlcById(level,id1,id2……);
|
|
|
- * level:
|
|
|
- * 1:可以为第一个select的jq对象，
|
|
|
- * ulc.setUlcById($("第一个select元素"),1001,2001); 等价 ulc.setUlcById($("第一个select元素"),1001); ulc.setUlcById($("第二个select元素"),2001);
|
|
|
- *
|
|
|
- * 2:可以level值（ulc初始化之后，会给每个select添加一个附加属性level，第一级select为0，第二级为1）
|
|
|
- * ulc.setUlcById(0,1001,2001); 等价 ulc.setUlcById(0,1001); ulc.setUlcById(1,2001);
|
|
|
- * id1/id2:
|
|
|
- * id的值
|
|
|
- *
|
|
|
- * setUlcByName(level,name1,name2……); 基本操作同setUlcById一样
|
|
|
- * 调用此方法，会去比对每一个select中option属性text的值，并不一定十分准确，另外还提供judgeNameShield集合来存储需要去除的文字，方便比对
|
|
|
- * 具体方法参考 setUlcById()
|
|
|
- *
|
|
|
- * setUlcAllCallback(xxFunc); setUlcAllCallback为设置全回调用方法，点击所有ulc组件的select，都将调用此方法，
|
|
|
- * xxFunc为自己的方法名称,如function xxFunc(data){} data： 每个select中option，都是一个data，ulc将会吧每一级选中的data存储下来形成集合
|
|
|
- * data[0] ==》 第一级的select选中的参数的data
|
|
|
- * data[1] ==》 第二级的select选中的参数的data
|
|
|
- *
|
|
|
- *setUlcCallback(xx1Func,level); setUlcCallback为单个select的点击事件设置回调方法
|
|
|
- * xx1Func：
|
|
|
- * 为自己的方法名称,如function xxFunc(ulc1Data){} ulc1Data: 该level的select所选的值
|
|
|
- * level
|
|
|
- * 级别0,1,2,3
|
|
|
- * -------方法END-------
|
|
|
- */
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
+};
|
