>  기사  >  웹 프론트엔드  >  UpdatePanel_jquery의 jquery easyui 효과 실패에 대한 솔루션

UpdatePanel_jquery의 jquery easyui 효과 실패에 대한 솔루션

WBOY
WBOY원래의
2016-05-16 18:29:571384검색

easyui를 사용하면 좋은 인터페이스뿐만 아니라 사용 편의성도 장점입니다.

코드 복사 코드는 다음과 같습니다.


...

...
...



해당 클래스를 정의하는 한 , 다양한 효과를 얻을 수 있습니다.
UpdatePanel_jquery의 jquery easyui 효과 실패에 대한 솔루션
그러나 업데이트 패널에 넣고 처음 표시하지 않으면 고장이 납니다.
코드 복사 코드는 다음과 같습니다.





...

>< div title="반환">



.< /div>

...





MultipleView에서 두 개의 동일한 뷰를 정의합니다. 내용도 마찬가지다. 그리고 MultiView1을 updatepanel 안에 넣으세요.

그런 다음 첫 번째 보기를 표시하도록 설정합니다.



코드 복사


코드는 다음과 같습니다.
MultiView1.ActiveViewIndex =0 찾아보세요. 디스플레이는 정상입니다. 그러나 예를 들어 보기의 표시를 변경하면 위의 내용을 MultiView1.ActiveViewIndex =1로 변경하면 두 번째 보기의 효과가 사라집니다.
jquery.easyui.min.js로 이동하여 이유를 알아보세요. 이 문장을 봤습니다



코드를 복사하세요


코드는 다음과 같습니다. 아마 웹페이지가 로드된 후 클래스를 찾으세요. easyui-tabs 레이어로 정의됩니다. 그리고 그에게 효과를 추가하십시오.

그러면 페이지가 로드될 때 첫 번째 보기가 표시되고 js가 보기에서 레이어를 찾아 효과를 제공한다고 상상할 수 있습니다.
그런 다음 콘텐츠가 두 번째 보기로 전환되었지만 업데이트 패널에 표시된 보기를 업데이트했습니다. 그러나 페이지는 다시 로드되지 않으며 위의 js 코드는 새 보기에 대한 변경을 수행하지 않습니다.
따라서 updatepanel이 다시 게시된 후 js 코드를 다시 실행하기로 결정했습니다.
페이지에 리바인딩 기능을 정의합니다.




코드 복사


코드는 다음과 같습니다.다른 이벤트를 정의합니다.




코드 복사


코드는 다음과 같습니다. add_endRequest
PageRequestManager 클래스는 브라우저에서 서버 UpdatePanel 컨트롤을 관리하는 부분 페이지 업데이트입니다. 또한 클라이언트 측 스크립트를 통해 웹 페이지를 사용자 정의하기 위한 속성, 이벤트 및 메서드가 정의됩니다. getInstance 메서드를 호출하여 PageRequestManager 클래스의 인스턴스를 가져옵니다. 그런 다음 add_endRequest 메서드를 통해 endRequest 이벤트(비동기 포스트백이 완료되고 제어가 브라우저에 반환된 후 발생)를 바인딩합니다. 이런 방식으로 updatepanel에서 콜백이 발생할 때마다 EndRequestHandler() 함수가 트리거됩니다. 효과를 한 번 다시 바인딩하십시오. $(document).ready(function() { reload(); })
무효화 문제가 해결되었습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.