Copie o código do código da seguinte forma:
/*Texto preencha automaticamente o zhouxiang*/
(Função ($) {
$ .Complting = funcration (configuração) {
var opts = $ .extend ({}, $ .completion.defaultSetting, configuração);
//largura
var completing_width = null;
//alto
var completing_Height = null;
// Caminho de acesso à fonte de dados (ASHX)
var completing_data_url = null;
// objeto
var completing_obj = null;
var completing_obj_show = null;
// Distância do objeto Distância esquerda
var completing_obj_marginleft = null;
// Distância do objeto do lado superior
var completing_obj_margintop = null;
// altura do objeto
var conclusão_obj_height = null;
//Classificação
var completing_count = null;
//
var completing_type_obj = null;
//contente
var completing_value = null;
//tipo
var completing_type = null;
// se deve passar pelo tipo
var completing_book = false;
//contar
var conclusão_n = 0;
// Digite de volta e ligue de volta
var completing_ClickCall = null;
//carregar
Função concluindo_loading () {
// inicialização
Init ();
// Eventos Binded
Complete_obj_addevent ();
}
// inicialização
function init () {) {
Complete_obj_show = opts.completion_obj_show;
// obtenha objeto
Complete_obj = option_obj;
// Obtenha a largura do objeto
Complete_width = complete_obj.width ();
// obtendo altura de exibição da camada
Completing_height = opts.completion_height;
// obtenha URL do banco de dados de acesso
Complete_data_url = opts.completion_data_url;
// Quantos registros você consulta cada vez
Complete_count = options.completion_count;
// Obtenha a altura do objeto
Complete_obj_height = complete_obj.Height ();
// Obtenha a distância esquerda
Complete_obj_marginleft = complete_obj.offset ().
// Obtenha a distância superior
Complete_obj_margintop = parseint (conclusão_obj.offset (). Top) + parseint (conclusão_obj_height);
Complete_type_obj = option_type_obj;
Complete_bool = option_bool;
Complete_ClickCall = options.completion_clickcall;
}
// Adicionar eventos ao objeto
Função completing_obj_addevent () {) {)
Complete_obj.keyup (function (event) {
switch (event.keycode) {
Caso 38:
Quebrar;
Caso 40:
Quebrar;
Caso 13:
Complete_ClickCall ();
Quebrar;
PADRÃO:
// Operação de atraso no evento -chave
Cimpletion_bind ();
Quebrar;
}
});
Complete_obj.keydown (function (event) {
switch (event.keycode) {
Caso 13:
Quebrar;
Caso 38:
if (conclusão_n == 0) {{
Complete_n = (complete_obj_show.find ("li").
} else if (completing_n! = 0) {{
Complete_n = complete_n -n;
}
// alert (conclusão_n);
Complete_obj_show.find ("li").
Complete_obj_show.find ("li").
Complete_obj.val (complete_obj_show.find ("li"). Eq (conclusão_n) .find ("ul"). Text ());
Quebrar;
Caso 40:
if (complete_n + 1 <complting_obj_show.find ("li").
Complete_n = complete_n + 1;
} Else if (completing_n + 1 == conclusão_obj_show.find ("li").
Conclusão_n = 0;
}
Complete_obj_show.find ("li").
Complete_obj.val (complete_obj_show.find ("li"). Eq (conclusão_n) .find ("ul"). Text ());
Complete_obj_show.find ("li").
Quebrar;
PADRÃO:
Quebrar;
}
});
}
// Método de ligação
função cimpleting_bind () {
// se deve abrir o julgamento do tipo
if (conclusão_bool) {
Complete_type = complete_type_obj.val ();
}
Complete_value = complete_obj.val ();
Complete_value = complete_value.replace ("", "");
// Executa a verificação
Conclusão_verificação (completing_value);
if (conclusão_value.length> 1) {{
// Obtenha a estrutura de dados html
Complete_data_bind ();
} Outro {
Complete_obj_show.hide ();
}
}
//verificar
Função conclusão_verificação (obj) {{
if (obj == "" "|| obj == null || obj == indefinido) {
Retornar falso;
}
}
// Execute a solicitação do Ajax para obter os dados
Função concluindo_data_bind () {
$ .ajax ({{
URL: completing_data_url,
Dados: {ConclionValue: Completing_value, conclusão: completing_count, conclusão: completing_type},
Tipo: "post",
Datatype: "JSON",
Sucesso: função (obj) {
// Construa html
Complete_add_html (obj);
}
});
}
// selecione
Função concluindo_select (obj) {
Complete_obj.val (obj.find ("ul"). Text ());
Complete_obj_show.hide ();
}
// Conteúdo de construção
Função concluindo_add_html (obj) {
var dados = object_data;
// Executa a verificação
Conclusão_verificação (dados);
var completing_li = "";
if (data! = null && data! = indefinido) {
for (var i = 0; i <data.length; i ++) {
// se a verificação está vazia
Var dr = dados [i];
Conclusão_verificação (dr);
var concirtionName = Dr. COMETING_NAME;
Conclusãoname = conclusãoname.replace (conclusão_value.touppercase (), "<span class = 'c-hover'>" + conclusão_value.TOUPCASE () + "</span>");
Complet_li + = "<li> <a href = 'javascript :;'> <span class = 'c-toTal'> aproximado" + dr.completion_count + "registros de entrada </span> <ul> + conclusãoname +" <" /ul> </a> </li> "";
}
if (completing_li! = "") {{
var completing_html = "<ul style = 'list-estilo-tipo: nenhum;'>" " + conclusão_li +" </ul> "";
Complete_obj_html (completing_html);
} Outro {
Complete_obj_show.hide ();
}
}
}
// RATO
Função mousehover (obj) {
Complete_obj_show.find ("li").
Complete_obj_show.find ("li").
Complete_obj.val ($ (this) .find ("ul"). Text ());
Complete_n = complete_obj_show.find ("li").
});
}
// se liga ao controle
Função completing_obj_html (html) {
Complete_obj_show.show ();
Complete_obj_show.html ("")
Conclusão_obj_show.css ({"width": complete_width + 6, "altura": completando_height, "largura de borda": "1px", "cor de borda": "#ccc", "border-top-wid th": "0px", "estilo de borda": "sólido", "posição": "relativo", "z-index": "100000"});
Complete_obj_show.attr ("classe", "Completando-list-list");
Complete_obj_show.html (html);
Complete_n = -1;
Complete_obj_show.find ("li").
Conclusão_selected ($ (this));
});
MouseHover ($ (isto));
Conclusão_obj_show.click (function (e) {
E.StopPropagation ();
})
Conclusão_obj.click (function (e) {
Cimpletion_bind ();
E.StopPropagation ();
});
$ (docume) .Click (function () {
Complete_obj_show.hide ();
});
}
//carregar
Complete_loading ();
};
// Configuração padrão
$ .Completion.defaultSetting = {
Conclusão_height: null,
Conclusão_data_url: null,
Complete_obj: null,
Complete_obj_show: null,
Conclusão_bool: false,
Complete_count: 10,
Complete_type_obj: null,
FELLE_CLICKCALL: NULL
};
}) (jQuery);
Copie o código do código da seguinte forma:
corpo
{{
margem: 0;
preenchimento: 0;
}
.Completion-Guess-List Ul, Li
{{
margem: 0;
preenchimento: 0;
estilo de lista: nenhum;
}
.Completion-Guess-List
{{
Overflow: Auto;
tamanho de fonte: 12px;
altura de linha: 180%;
Antecedentes: #FFF;
}
.Completion-guess-List a
{{
Cor: #555;
Decoração de texto: Nenhum;
exibição: bloco;
preenchimento: 1px 6px;
estouro: oculto;
Espaço branco: Nowrap;
Fonte-família: Verdana, Arial;
}
.ComPration-Guess-List A .C-Total {Float: Right;
.Complettion-guess-List A: Passe o mouse, .Complettion-Guess-List A.Complettion-Guess-List Rompo
{{
Antecedentes: #3399FF;
Cor: #fff;
}
.Completion-Guess-List A: Surpão de pausa.
.Complettion-Guess-List .c-hover {font-weight: 700;}
Copie o código do código da seguinte forma:
$ .Compling ({Completing_obj: $ ("#Input_html"), conclusão_data_url: "/completionHandler.ashx", conclusão_height: "Auto", completion_obj_show: $ ("#show"), "#Bool", completion_obj_obj: $ ("#SHOW"), " Digite "), complete_ClickCall: function () {alert (1);}, complex_length: 0});