ReactJS 그리드 콤보 생성이 안되요
페이지 정보
작성자 토끼바람 작성일 2021-10-14 16:54 조회 3,602회 댓글 0건본문
관련링크
그리드 포멧
--
let useFlagData = await ApiManager.post(comCodeUrl, {"commonCode":"USEYN"});
let languageData = await ApiManager.post(comCodeUrl, {"commonCode":"LANGUAGE"});
let tmp = [{cd: '0', nm: 'N'}, {cd: '1', nm: 'Y'}]
let dataMapUseFlag = new DataMap(useFlagData, "cd", "nm");
let dataMapLanguage = new DataMap(languageData, "cd", "nm");
setUseFlagData(dataMapUseFlag);
setLanguageData(dataMapLanguage);
let gridFormat =[
{ binding: 'dictionaryCode', header: dictionaryCodeDesc, width: 100, allowDragging:true, isRequired:true}
, { binding: 'dictionaryLanguage', header: dictionaryLanguageDesc, width: 100, allowDragging:true, isRequired:true, dataMap:{dataMapLanguage} }
, { binding: 'dictionaryContents', header: dictionaryContentDesc, width: 200, allowDragging:true, isRequired:true }
, { binding: 'useFlag', header: dictionaryUseFlagDesc, width: 100, allowDragging:true, dataMap:{dataMapUseFlag}}
, { binding: 'createdDate', header: dictionaryCreatedDateDesc, width: 130, allowDragging:true, isReadOnly:true, align:"center",
cellTemplate: (ctx) => {
let dataItem = ctx.row.dataItem;
if (wijmo.isUndefined(dataItem) || dataItem === null) {
return '';
}
return wijmo.Globalize.format(new Date(dataItem.createdDate), "yyyy-MM-dd");
}
}
, { binding: 'createdBy', header: dictionaryCreatedByDesc, width: 100, allowDragging:true, isReadOnly:true }
, { binding: 'updatedDate', header: dictionaryUpdatedDateDesc, width: 130, allowDragging:true, isReadOnly:true, align:"center",
cellTemplate: (ctx) => {
let dataItem = ctx.row.dataItem;
if (wijmo.isUndefined(dataItem) || dataItem === null) {
return '';
}
return wijmo.Globalize.format(new Date(dataItem.updatedDate), "yyyy-MM-dd");
}
}
, { binding: 'updateBy', header: dictionaryUpdatedByDesc, width: 100, allowDragging:true, isReadOnly:true}
];
setGridColGroup([...gridFormat]);
-------------------------------
<FlexGrid
headersVisibility="All" // All None, Column Row
autoGenerateColumns={false}
showSelectedHeaders={"All"}
anchorCursor={true}
alternatingRowStep={0}
showMarquee={true} // 헤더 그룹 표시여부
allowPinning={"ColumnRange"} // 컬럼 고정 방식
allowSorting={'MultiColumn'} // 정렬 방식
allowResizing={"Both"}
columnGroups={gridColGroup} // 그리드 포멧
itemsSource={gridBodyData} // 바인딩할 데이터
initialized={initGrid} // 그리드 초기 이벤트 및 등록 처리
>
<FlexGridFilter />
</FlexGrid>
이렇게 그리드를 설정하였는데 에디터가 콤보가 되지 않습니다.
댓글목록
등록된 댓글이 없습니다.