Extjs : 저장소 레코드를 그리드 저장소로 사용하는 방법

수행 할 작업 개요 : 저는 몇 달 동안 Ext로 작업 해 왔습니다. 나는 js를 영원히 사용 해왔다. 다른 프레임 워크에서 또는 jquery로 이것을 수행하는 것은 간단한 문제 일 것입니다. 각진 상태에서 ng-grid를 사용하여 선택한 날의 데이터를 표시합니다. Ext에서 그것을 알아 내려고 노력하는 것이 머리를 아프게합니다.Extjs : 저장소 레코드를 그리드 저장소로 사용하는 방법

는이 같은 많이 보이는 일부 JSON 데이터를 가지고 ... 내가 실제로해야 할 일은

{ 
    "Id":"1", 
    "Sunday":[ 
     {"Start":"10:15","End":"17:45"}, 
     {"Start":"20:00","End":"23:00"}, 
     {"Start":"00:15","End":"06:15"}, 
     {"Start":"08:00","End":"10:00"} 
    ], 
    "Monday":[], 
    "Tuesday":[], 
    "Wednesday":[], 
    "Thursday":[], 
    "Friday":[], 
    "Saturday":[] 
}

: 내가 ExtJS에 3.4.0 페이지/패널에 두 개의 컨트롤이 을/어떤 :

는

내선 콤보 상자 (드롭 다운 목록) (매장에서 가능) 주 포함하는 일
내선 그리드 표시 그 날

행동에 대한 것들의 배열 : 드롭 다운 메뉴에서 항목을 선택 는 일주일의 일에 대한 관련 데이터 그리드의 행을 채우는 데 사용됩니다. 열 모델은 간단합니다. 데이터가 실제로 JSON 상점에서 그리드에 도착하는 방법 이외의 다른 것에 대해 걱정하지 않습니다.

다시 반복 할 때 : 머리말을들이는 데 문제가있는 것은 저장소 레코드를 저장소로 사용하여 그리드를 채우는 방법입니다.

이상적으로, 나는 JSON 데이터를 가지는 arrayStore를 채우는 것 그냥 같은 줄을 사용하십시오 그게 무엇이 있는지 나는 plunker 또는 유사한 무언가를 제공 할 수

new Ext.grid.EditorGridPanel({ 
... 
    store: new Ext.data.Store(data: arrayOfSchedules[drodown.getValue()]) 
... 
})

합니다. 데이터 형식은 실제로 모든 것을 정의합니다.

출처

2014-10-28 Shane

각 콤보 선택에 새 그리드/저장소를 만들 필요가 없습니다. 선택한 날 (일요일)에서 데이터를 추출한 다음 grid.store.loadData을 사용하여 표를 업데이트 할 수 있습니다.

출처

2014-10-29 12:28:12 Saki

고마워, 그게 내가 찾고 있었던 바로 그거야! 내가 가장 고민했던 점은 실제로 ext 문서를 둘러 본다. 거기에서 참조되는 예제는 거의 없으므로 실제로 수행되는 작업이나 구현해야하는 작업을 정확히 알기가 어렵습니다. – Shane

예, 큰 도서관이고, 많은 API가 있습니다 ... – Saki

Extjs : 저장소 레코드를 그리드 저장소로 사용하는 방법

답변

관련 문제