Saya mengalami masalah ketika saya bekerja hari ini. Nama perusahaan pada halaman dibaca menggunakan Ajax setelah memilih nama proyek. Namun, JQTransform dipanggil setelah halaman dimuat, sehingga kotak drop-down nama perusahaan tidak dapat menampilkan data terbaru.
<tautan rel = "stylesheet" href = "$ {ctx} /jqTransformMplugin/jqtransform.css" type = "text/css"> </link> <script type = "text/javaScript" src = "$ {ctx} /jqTransformMplugin/jquery.jqtransform.js"> </script>
<Type skrip = "Teks/JavaScript">
$ (function () {
$ ('Form'). jqTransform ({imgpath: 'Images/jQueryFormimg/'});
});
</script>
Menggunakan Firebug, Anda dapat melihat bahwa data sebenarnya telah disambung, tetapi formulir telah disebut metode JQTransform setelah halaman dimuat, dan data UL di JQTransformSelectWrapper belum diperbarui. Setelah berpikir untuk waktu yang lama, saya memutuskan untuk memperbarui UL dengan cara yang sederhana dan kasar.
function companyajax (proid) { $ .Ajax ({
Ketik: "Posting",
url: "$ {pagecontext.request.contextpath} /recordsearch/ajax/getcompanya jax.do",
DataType: "JSON",
Data: {Proid: Proid},
Sukses: function (jsondata) {
var tmp = '';
TMP+= '<Pilih id = "centerId" name = "centerId" onchange = "comchange ()" name = "centerId">';
// $ ("#centerId"). kosong (); TMP+= '<Option value = "">-silakan pilih-</potion>';
untuk (var i = 0; i <jsondata.length; i ++) {
tmp+= '<nilai opsi = "'+jsondata [i] .centerid+'">'+jsondata [i] .centername+'</tion>';
}
TMP+= '</pilih>';
$ ("#centerId"). Parent (). Remove ();
$ ("#comlable"). Setelah (TMP);
$ ("#centerId"). jqtransselect ();
}
});
}
Haha, setelah Ajax meminta data perusahaan, hapus div terkait terpilih yang dihasilkan oleh JQTransform, kemudian menyambungkan selct, dan kemudian memulai kembali Select. Metode ini bodoh, tapi mari kita gunakan dulu, dan ada cara yang lebih baik untuk membicarakannya di masa depan.
Bukankah itu keren? . Haha, pada kenyataannya, JQTransform lebih kuat. Jika Anda perlu menggunakan efek serupa di masa depan, Anda dapat merujuknya.