오늘 일할 때 문제가 발생했습니다. 페이지의 회사 이름은 프로젝트 이름을 선택한 후 AJAX를 사용하여 읽습니다. 그러나 페이지가로드 된 후 JQTransform이 호출되므로 회사 이름 드롭 다운 상자는 최신 데이터를 표시 할 수 없습니다.
<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'). jqtransform ({imgpath : 'images/jqueryformimg/'});
});
</스크립트>
FireBug를 사용하면 데이터가 실제로 스 플라이 웠음을 알 수 있지만 페이지가로드 된 후 양식이 JQTRANSFORM 메소드를 호출했으며 JQTRANSFORMSLECTWRAPPRE의 UL 데이터가 업데이트되지 않았습니다. 오랫동안 생각한 후, 나는 단순하고 조잡한 방식으로 UL을 업데이트하기로 결정했습니다.
기능 companyajax (proid) { $ .ajax ({
유형 : "Post",
URL : "$ {pagecontext.request.contextpath}/recordsearch/ajax/getcompanyajax.do",
데이터 유형 : "JSON",
데이터 : {proid : proid},
성공 : 기능 (jsondata) {
var tmp = '';
tmp+= '<select id = "centerId"name = "centerId"onchange = "comChange ()"name = "centerId">';
// $ ( "#centerId"). empty (); tmp+= '<옵션 값 = "">-선택-</옵션>';
for (var i = 0; i <jsondata.length; i ++) {
tmp+= '<옵션 값 = "'+jsondata [i] .centerid+'">'+jsondata [i] .centername+'</옵션>';
}
tmp+= '</select>';
$ ( "#centerId"). parent (). remove ();
$ ( "#comlable"). 이후 (tmp);
$ ( "#centerId"). jqtransselect ();
}
});
}
haha, ajax가 회사 데이터를 쿼리 한 후 JQTransform에 의해 생성 된 선택 관련 분열을 삭제 한 다음 SELCT를 스플릿 한 다음 선택을 다시 시작합니다. 이 방법은 어리석은 일이지만 먼저 사용합시다. 앞으로 그것에 대해 이야기하는 더 좋은 방법이있다.
시원하지 않습니까? . 실제로 JQTransform은 더 강력합니다. 향후 비슷한 효과를 사용해야하는 경우 참조 할 수 있습니다.