ExtJS 에서 store 에 작성된 인터페이스를 호출합니다.
1. Store 객체를 정의하고 해당 프록시 속성을 API 인터페이스의 URL 로 설정합니다 (예:
````````
Ext.define ('myapp.store.mystore', {
Extend： 'Ext.data.Store',
Alias： 'store.mystore',
모델:' myapp.model.mymodel',
프록시: {
유형:' 아약스',
Url:'/API/data',//API 인터페이스의 URL
입니다Reader: {
유형:' JSON',
Root property:' data'
}
}
});
````````
앞의 코드에서' proxy' 속성은' Ajax' 유형의 프록시를 사용하고 URL 을' /api/data' 로 설정하는 데이터 로드 및 저장 방법을 지정하는 데 사용됩니다.
2. 인터페이스를 호출해야 하는 곳에서 이 Store 객체를 인스턴스화하고 해당' load ()' 메서드를 호출하여 데이터를 로드합니다 (예:
````````
Var mystore = ext.create ('myapp.store.mystore');
MyStore.load({
Callback： function(records, operation, success) {
//데이터 로드 완료 후 콜백 함수
If (success) {
//데이터 로드 성공
//로드된 데이터를 추가로 처리할 수 있습니다.
} else {
//데이터 로드 실패
//여기서 오류 처리 가능
}
}
});
````````
앞의 코드에서는' create ()' 메서드를 통해' MyStore' 객체를 인스턴스화한 다음' load ()' 메서드를 호출하여 데이터를 로드합니다. 로드가 완료된 후 콜백 함수에서 로드된 데이터를 추가로 처리할 수 있습니다.
원인 설명: ExtJS 의 Store 객체는 프런트엔드 응용 프로그램과 백엔드 데이터 간의 상호 작용을 관리하는 데 사용됩니다.
Store 의 proxy 속성을 API 인터페이스의 URL 로 설정하여 데이터를 가져올 위치를 Store 에 알릴 수 있습니다. Store 의' load ()' 메서드가 호출되면 ExtJS 는 자동으로 Ajax 요청을 지정된 API 인터페이스로 보내고 얻은 데이터를 Store 로 로드합니다.
내용 확대: 인터페이스를 호출하여 데이터를 가져오는 것 외에도 Store 는 데이터 추가 및 삭제 작업을 위한 다른 메서드와 이벤트를 제공합니다. 예를 들어 Store 의' add ()' 메서드를 사용하여 새 레코드를 추가하고,' remove ()' 메서드를 사용하여 레코드를 삭제하고,' sync ()' 메서드를 사용하여 수정된 데이터를 백엔드에 저장하는 등의 작업을 수행할 수 있습니다. 또한 Store 는 Grid, Form 등의 구성 요소에 바인딩되어 데이터 표시 및 편집 기능을 제공합니다. Store 의 API 문서와 예제를 심층적으로 학습하면 ExtJS 의 데이터 관리 기능을 더 잘 이해하고 사용할 수 있습니다.