주요 목적
에이. 그리드 파넬의 현재 행에서 각 필드의 값을 얻는 방법을 마스터
비. 전경 데이터를 백그라운드로 전달하고 배경 작업 결과를 전경으로 반환하는 방법
기음. 버튼 및 텍스트 필드 컨트롤의 텍스트 값을 얻고 설정하는 방법을 알아보십시오.
주요 내용
에이. 먼저 페이지에 세 가지 Ext 구성 요소를 추가하겠습니다 : Store, Menu, Gridpanel
비. 그리드 파넬의 컨텍스트 메뉴를 메뉴 컨트롤의 ID로 설정하여 그리드 파넬에 마우스 오른쪽 버튼 클릭 메뉴를 추가합니다.
코드 사본은 다음과 같습니다.
<Ext : Store id = "Store1"runat = "Server"
onbeforestoreChanged = "Store1_beforestorEchanged">
<Leader>
<Ext : JSONREADER readerID = "id">
<Fields>
<Ext : 레코드 필드 이름 = "id"type = "int"> </ext : 레코드 필드>
<Ext : 레코드 필드 이름 = "uid"type = "String"> </ext : 레코드 필드>
<Ext : 레코드 필드 이름 = "uname"type = "String"> </ext : 레코드 필드>
<Ext : 레코드 필드 이름 = "uage"type = "int"> </ext : 레코드 필드>
</fields>
</ext : jsonreader>
</Reader>
</ext : 저장>
여기서 독자는 설정할 수 없습니다. 설정된 경우 GridPanel1.getSelectionModel (). getSelected (). id 메소드를 사용하여 행의 ID 필드에 해당하는 값을 얻을 수 있습니다.
이 방법을 사용하기위한 전제 조건은 그리드 파넬에서 선택 방법을 행 선택 모드로 설정하는 것이며 코드는 나중에 게시됩니다. 이름은 데이터베이스 테이블의 필드 이름에 해당합니다.
코드 사본은 다음과 같습니다.
<ext : menu id = "menu1"runat = "server">
<아이템>
<ext : menuitem id = "menuitem1"runat = "server"text = "사용자 정보보기">
<리스너>
<클릭 fn = "showuserinfo" />
</리스너>
</ext : menuitem>
<ext : menuitem id = "menuitem2"runat = "server"text = "사용자 정보 수정">
<리스너>
<클릭 fn = "showuserinfo" />
</리스너>
</ext : menuitem>
<ext : menuitem id = "menuitem3"runat = "server"text = "사용자 정보 추가">
<리스너>
<클릭 fn = "showuserinfo" />
</리스너>
</ext : menuitem>
<ext : menuitem id = "menuitem4"runat = "server"text = "사용자 정보 삭제">
<리스너>
<클릭 fn = "deleteuserinfo" />
</리스너>
</ext : menuitem>
</아이템>
</ext : 메뉴>
효과는 다음과 같습니다.
기음. Gridpanel의 저장소를 상점 컨트롤의 ID로 설정하고 GridPanel의 데이터 소스를 추가하십시오.
그리드 파넬의 소스 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다.
<ext : gridpanel id = "gridpanel1"runat = "server"contextmenuid = "menu1"autoheight = "true"width = "400px"
autodatabind = "true"storeid = "store1">
<columnModel id = "ctl10">
<칼럼>
<ext : column dataindex = "id"header = "사용자 번호">
<prepareCommand args = "그리드, 레코드, rowIndex, columnIndex, value" />
</ext : 열>