! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

그리드 콤보 생성이 안되요 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 그리드 콤보 생성이 안되요

페이지 정보

작성자 토끼바람 작성일 2021-10-14 16:54 조회 3,589회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

그리드 포멧

--

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>


이렇게 그리드를 설정하였는데 에디터가 콤보가 되지 않습니다.


다른 어떤 설정이 필요한가요?

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 그리드 콤보 생성이 안되요

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2021-10-15 16:48 댓글 1건

본문

안녕하세요 그레이프시티입니다.


문의 주신 내용과 관련하여 안타깝게도 저희 쪽에서 재현이 되지 않아 정확한 원인 파악이 어려운 상황입니다. 관련하여 샘플을 공유 드리오니 샘플 코드를 수정하시면서 해당 이슈가 나타나는 요소를 확인 후, 공유해 주신다면 재현 및 디버깅하여 해결 방안에 대해서 답변을 드릴 수 있도록 하겠습니다. 




다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 



* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


 

댓글목록

GCK루시님의 댓글

GCK루시 작성일

안녕하세요 그레이프시티입니다.

문의와 관련하여 추가적인 회신 사항이 없어 완료 처리 되었습니다.
추가적인 문의 사항이 있으신 경우, 원활한 답변을 위해 새로운 Q&A 글을 생성하여 주시기 바랍니다.

감사합니다.
그레이프시티드림

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.