마스터 슬레이브 테이블, 슬레이브 테이블은 Treegrid입니다. 데이터를로드 한 후 노드를 클릭하여 편집 상태를 입력하십시오.
코드 사본은 다음과 같습니다.
열 : [[{
제목 : "ID",
필드 : "ID",
숨겨진 : 사실
}, {
필드 : "PID",
숨겨진 : 사실
}, {
제목 : "AAA",
필드 : "AAA",
너비 : 70,
정렬 : "센터",
조락 : "센터"
}, {
제목 : "BBB",
필드 : "BBB",
너비 : 70,
정렬 : "센터",
조락 : "센터",
편집자 : {
유형 : "Combobox",
옵션 : {
데이터 : [{
"ID": 0,
"텍스트": "애플"
}, {
"ID": 1,
"텍스트": "배"
}],
Valuefield : 'ID',
텍스트 필드 : '텍스트',
편집 가능 : 거짓,
// 필수 : True,
패널 하이이트 : "자동",
MissingMessage : "과일을 선택하십시오",
OnSelect : 함수 (레코드) {
// 편집 상태 라인을 입력하는 ID입니다.
var editors = $ ( '#grid'). DataGrid ( 'getEditors', $ ( '#editingId'). val ());
if (record.id == 1) {// 배를 선택하십시오
var Feditor = 편집자 [1]; // 한 줄의 두 번째 편집 상자
// 필요에 따라 편집 상자를 설정합니다
$ (Feditor.target) .Validatebox ({필수 : true});
// 편집 상자를 편집 가능한 것으로 설정합니다
$ (Feditor.target) .numberbox ( 'enable');
var Feditor2 = 편집자 [2]; // 한 줄의 세 번째 편집 상자
$ (feditor2.target) .validatebox ({require : true});
} else if (record.id == 0) {// Apple을 선택합니다
var Feditor = 편집자 [1];
$ (Feditor.target) .Validatebox ({필수 : False});
$ (Feditor.target) .Validatebox ( "setValue", "");
$ (Feditor.target) .Numberbox ( 'Disable');
var Feditor2 = 편집자 [2];
$ (feditor2.target) .Validatebox ({필수 : false});
$ (feditor2.target) .Validatebox ( "setValue", "");
}
},
}
}
}
편집 상태를 켭니다
코드 사본은 다음과 같습니다.
$ ( '#rulegrid'). TreeGrid ( 'beginedit', index);
위는이 기사에서 Easyui에서 Treegrid를 편집하는 방법입니다. 나는 당신이 그것을 좋아하기를 바랍니다.