UpdatePanel_jquery의 jquery easyui 효과 실패에 대한 솔루션-JS 튜토리얼-php.cn

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

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

...

해당 클래스를 정의하는 한 , 다양한 효과를 얻을 수 있습니다.
UpdatePanel_jquery의 jquery easyui 효과 실패에 대한 솔루션

그러나 업데이트 패널에 넣고 처음 표시하지 않으면 고장이 납니다.

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

...

>< div title="반환">

.< /div>

...

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

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

코드 복사

코드는 다음과 같습니다.

MultiView1.ActiveViewIndex =0 찾아보세요. 디스플레이는 정상입니다. 그러나 예를 들어 보기의 표시를 변경하면 위의 내용을 MultiView1.ActiveViewIndex =1로 변경하면 두 번째 보기의 효과가 사라집니다.

jquery.easyui.min.js로 이동하여 이유를 알아보세요. 이 문장을 봤습니다

코드를 복사하세요

코드는 다음과 같습니다.

r=$( ".easyui- tabs",_1ec); if(r.length){ r.tabs();

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

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

코드 복사

코드는 다음과 같습니다.

function EndRequestHandler() { $ (".easyui-tabs").tabs(); }

다른 이벤트를 정의합니다.

코드 복사

코드는 다음과 같습니다.

function reload() { Sys .WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); }

add_endRequest

PageRequestManager 클래스는 브라우저에서 서버 UpdatePanel 컨트롤을 관리하는 부분 페이지 업데이트입니다. 또한 클라이언트 측 스크립트를 통해 웹 페이지를 사용자 정의하기 위한 속성, 이벤트 및 메서드가 정의됩니다. getInstance 메서드를 호출하여 PageRequestManager 클래스의 인스턴스를 가져옵니다. 그런 다음 add_endRequest 메서드를 통해 endRequest 이벤트(비동기 포스트백이 완료되고 제어가 브라우저에 반환된 후 발생)를 바인딩합니다. 이런 방식으로 updatepanel에서 콜백이 발생할 때마다 EndRequestHandler() 함수가 트리거됩니다. 효과를 한 번 다시 바인딩하십시오. $(document).ready(function() { reload(); }) 
무효화 문제가 해결되었습니다.