Encontrei um problema quando estava trabalhando hoje. O nome da empresa na página é lido usando o AJAX após selecionar o nome do projeto. No entanto, o JQTransform é chamado após o carregamento da página, para que a caixa suspensa Nome da empresa não possa exibir os dados mais recentes.
<link rel = "Stylesheet" href = "$ {ctx} /jqtransformmplugin/jqtransform.css" type = "text/css"> </link> <script type = "text/javascript" src = "$ {ctx} /jqtransformmplugin/jquery.jqtransform.js"> </script>
<Script type = "text/javascript">
$ (function () {
$ ('form').
});
</Script>
Usando o FireBug, você pode ver que os dados foram realmente emendados, mas o formulário chamou o método JQTransform após o carregamento da página, e os dados da UL no JQTransFormSelectWrapper não foram atualizados. Depois de pensar por um longo tempo, decidi atualizar o UL de uma maneira simples e grosseira.
função Companyajax (Proid) { $ .ajax ({
Tipo: "post",
URL: "$ {PageContext.request.contextpath} /recordsearch/ajax/getcompanyajax.do",
Datatype: "JSON",
Dados: {proid: proid},
Sucesso: function (jsondata) {
var tmp = '';
tmp+= '<select id = "centerId" name = "centerId" onchange = "ComChange ()" name = "CenterId">';
// $ ("#CenterId"). Empty (); tmp+= '<opção value = "">-selecione-</pption>';
for (var i = 0; i <jsondata.length; i ++) {
tmp+= '<opção value = "'+jsondata [i] .centerid+'">'+jsondata [i] .centername+'</pption>';
}
tmp+= '</leclect>';
$ ("#CenterId"). Parent (). Remow ();
$ ("#comlable"). Depois (TMP);
$ ("#CenterID"). jqtransselect ();
}
});
}
Haha, depois que o AJAX consulte os dados da empresa, exclua a divisão relacionada à seleção gerada pelo JQTransform, em seguida, consulte o SELCT e, em seguida, reinicialize a seleção. O método é estúpido, mas vamos usá -lo primeiro, e há uma maneira melhor de falar sobre isso no futuro.
Não é legal? . Haha, de fato, o JQTransform é mais poderoso. Se você precisar usar efeitos semelhantes no futuro, poderá se referir a ele.