ExtJs에서 Store 로드(load) 시 알림 메시지

1762 단어 ExtJS

ExtJs에서 Store 로드 시 알림 메시지 (로드가 완료되면 알림 상자 닫기)


ExtJs의 Store는 불러올 때 일반적으로 불러오는 것을 지연시킨다. 이때 Grid는 먼저 공백이 생기고 불러오는 것이 끝난 후에야 데이터가 나타난다.따라서 우리는 그것에 힌트 정보를 추가해야 한다.
솔루션:
1.store에 감청기 추가, beforeload 이벤트 감청, 불러오기 전 알림 상자 팝업, 불러오기 완료 후 알림 상자 닫기
2.callback은load의 리셋 함수로 불러오는 것이 끝난 후에 실행되므로 알림 상자를 닫고 완료합니다.
3.store의 Reload 방법에callback 함수를 추가해야 합니다. 알림 상자를 닫았습니다.
예 기본 코드는 다음과 같습니다.
var msgTip;          //  ， 
var reportStore=new Ext.data.Store({
      proxy:reportProxy,
       reader:reportReader,
      listeners:{
             beforeload:function(){
                   msgTip = Ext.MessageBox.show({
                   title:' ',
                   msg:' , ......'
                });
       }
   }
});

reportStore.load({
    callback: function(records, options, success){
              msgTip.hide();    //  ， 
      }
});

 
주의: 페이지를 새로 고치기 위해reload를 호출할 경우,reload도callback 함수를 추가하여 알림 상자를 닫아야 합니다
reportStore.reload({
         callback: function(records, options, success){
            msgTip.hide(); //  ， 
         }
});

 
--------------------------------------Store.load 프로필------------------------------
store.load ({params: {start:0, limit:20,/매개 변수//callback은 불러올 때 실행되는 리셋 함수입니다. 3개의 매개 변수를 포함합니다:records 매개 변수는 얻은 데이터를 표시하고,//옵션은load () 를 실행할 때 전달되는 매개 변수를 표시하며,success는 불러올 수 있는지 여부를 나타냅니다.callback:function(records,options,success) {Ext.Msg.alert('info','로드 완료');},scope:store,//Scope는 리셋 함수가 실행될 때의 작용역을 지정합니다.//Add가true일 때load()에서 얻은 데이터는 원래store 데이터의 끝에 추가됩니다.//그렇지 않으면 이전의 데이터를 지우고store에 추가합니다add:true}).
다음에서 시작합니다.http://hi.baidu.com/huahua035/item/0a48904a7bea05a8df2a9fa1
Extjs 학습 수기(2) - Extjs 계승
Extjs에서 구조 함수 만들기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage