EasyUI_jquery에서 treegrid를 편집하는 방법에 대한 간략한 설명

마스터-슬레이브 테이블, 슬레이브 테이블은 트리 그리드입니다. 데이터를 로드한 후 노드를 클릭하면 편집 상태로 들어갑니다.

코드 복사 코드는 다음과 같습니다.

열 : [ [ {
            제목 : "ID",
            필드 : "id",
            숨김 : 사실
        }, {
            필드 : "pid",
            숨김 : 사실
        },  {
            제목 : "AAA",
            필드 : "aaa",
            너비 : 70,
            정렬: "가운데",
            haalign : "가운데"
        }, {
            제목 : "BBB",
            필드 : "bbb",
            너비 : 70,
            정렬: "가운데",
            haalign : "가운데",
            편집자 : {
                유형: "콤보박스",
                옵션 : {
                    데이터 : [ {
                        "id" : 0,
                        "text": "텍스트"
                    }, {
                        "id" : 1,
                        "text": "梨子"
                    } ],
                    valueField : 'id',
                    textField : '텍스트',
                    편집 가능 : false,
                    // 필수 : ​​true,
                    패널 높이: "자동",
                    누락 메시지: "请选择水果",
                    onSelect : 함수(기록) {
                        //editingId是进入编辑状态行的id
                        var editors = $('#grid').datagrid('getEditors', $('#editingId').val());
                        if(record.id == 1){//选择梨子
                            var feditor = editors[1];//一行中第two个编辑框
                            //将编辑框设置成必填
$(feditor.target).validatebox({required:true});
//편집 상자를 편집 가능으로 설정
                                                           Var feditor2 = editors [2]; // 그룹의 세 번째 편집기 상자
$(feditor2.target).validatebox({required:true});
~ ~                             }else if(record.id == 0){//Apple 선택
> > $(feditor.target).validatebox({required:false});
$(feditor.target).validatebox("setValue","");
                                                           > > $(feditor2.target).validatebox({required:false});
$(feditor2.target).validatebox("setValue","");
|                     },
                }
            }
}



편집 상태 활성화

코드 복사

코드는 다음과 같습니다. $('#rulesgrid').treegrid('beginEdit', index);

위는 EasyUI에서 treegrid를 편집하는 방법입니다. 마음에 드셨으면 좋겠습니다.