'; $(this).data('hide',false).show(); toggleIsOpen(that,$(this).parent(),true); $(this).html(insertTag); // $(this).data('hide',true).hide(); return } $(this).data('hide',false).show(); toggleIsOpen(that,$(this).parent(),true); $(this).html(insertTag); // 为li绑定事件 $('#'+that.suggestWrapId+' li').click(function(){ $input.val($(this).text()); // 触发回调事件 var currentData = that.data[$(this).data('index')]; that.selectData = currentData; that.selectItem(currentData,false); $ul.data('hide',true).hide(); toggleIsOpen(that,$(this).parent(),false); }); }); $ul.on('hide',function(){ $(this).data('hide',true).hide(100); toggleIsOpen(that,$(this).parent(),false); }); } function style(width){ var str = '\n'; return str; } function tag(inputId,inputName,inputValue,suggestWrapId,isSeletClass){ var str = ''; return str; } function getObjKey(obj){ var keys=[]; for(var k in obj)keys.push(k); return keys; } // 为数据添加标识符 function add$index(arr){ arr.forEach(function(item,i){ item.$index = i; }) return arr; } // 获取元素 function getElement(scope){ return {input:$('#'+scope.inputId),ul:$('#'+scope.suggestWrapId)} } // 如果type 为select 在初始化时需要考虑回填 function selectTypeInit(scope){ if(!scope.selectBindValue)return; if(!scope.selectBindKey)throw new Error('option error: selectBindKey option is require'); //scope.filterKey var initData = scope.data.filter(function(item){ return item[scope.selectBindKey] === scope.selectBindValue; }); scope.selectData = initData[0]; var inputVal= scope.selectBindValue; if(initData.length > 0 ){ var activeKey = scope.filterKey || getObjKey(initData[0])[0]; inputVal = initData[0][activeKey]; } setTimeout(function(){ var $input = getElement(scope).input; $input.val(inputVal); }); } function toggleIsOpen(scope,ele,open){ if(scope.type !== 'select') return; if(open){ ele.addClass('is-open'); }else{ ele.removeClass('is-open'); } } this.init(); }