ExtJS를 콤보 상자 드롭 다운 상자 초기화 할당

　　최근 작업에 대한 수요를 충족, 시간 데이터 그리드 테이블에 페이지 초기화 데이터를 삽입해야합니다.

　　프론트 엔드는 ExtJS 프레임이고, 데이터 그리드 테이블은 세 가지 유형 콤보 박스 형태의 드롭 다운 별도로 종류 입력란 정상적인 텍스트 상자, 4 개의 열, 드롭 다운부터 통해로드 된 값으로 초기화 데이터 사용량 상자 사전 데이터를 가지고 결과 데이터베이스 사전 조회. 나는 해결책을 발견하지 않았습니다 오랜 시간 동안, 어머니의 도움을 요청했다 그래서는 ExtJS 프레임 워크이기 때문에, 매우 제한되어 잘 알고뿐만 아니라 프런트 엔드 수준으로하지 않습니다. 자신의 아이디어와 방법에 대한 기록을 해결하기 위해, 그래서 자신의 방법, 다행히 마지막 문제가 해결을 시도했다.

{ 
    필드 : 'A' , 
    제목 : '상자 유형 드롭 다운' , 
    폭 : 50 , 
    에디터 : { 
        유형 : '콤보' , 
        옵션 : { 
            ValueField : 'ID' , 
            텍스트 필드 : '이름' , 
            편집 가능한 : false로 , 
            로더 : queryTableData , // 쿼리 데이터 사전 
            .... 
  } 
  
  } 
}

　　다음을 사용하여, 수요가 매우 간단이 느낌, JS 그리드에서 초기화 된 데이터를 가져옵니다

$ ( "# 대상")를 데이터 그리드 ( "loadData." , [{ 
    　　필드, : "초기 값" // 어떤 문제에 해당하는이 할당 열 텍스트 상자 
          A : "드롭 다운 박스 ID 사전 항목" // 직접 할당 그래서 , 주어진 JS 
        .......... 
    )]};

원인을 찾기 : 사전 조회 함수 테이블에 의해, 드롭 다운로드 초기화하려면 상자 ID, 이름, 순서 ... 그리고 다른 속성이 사전 개체입니다, 당신은 여기 valueField을 볼 수 있습니다 'ID가'객체 사전 설명 아이디는 다음, 우리는 사전 형상물 밖으로 물체 오브젝트가 대응하는 셀 드롭 다운 상자에 할당 구성된 id 속성에 따라, 직접 삽입 초기화되므로, 속성을 사용하는 드롭 다운 박스 :

　　VAR OBJ = { 
        ID : ' , 
        이름 : ' 
      } 
    obj.id = '초기 사전 할당 된 ID의 목표 값에 대응하는 "  
    $ ( "#target ") 데이터 그리드 (이하"loadData. " , [{ 
    　　필드 : "초기화 값 " // 텍스트 상자에 해당하는이 할당 열이 아무 문제가 없다 
          A : OBJ   
    .......... 
    }])

문제 해결, 주로 오브젝트 (전술 한 오브젝트 OBJ)는 사전 형 객체 함유 ID 속성을 구축.

ExtJS를 콤보 상자 드롭 다운 상자 초기화 할당

추천