Mendix개발일지

Mendix에서 TreeNode를 사용해보고 원하는 기능을 구현하기에는 한계가 있어서React를 사용해서 TreeNode 를 만들어 보기로 했다.yo @mendix/widget treeNode내가 사용한 Library 는 react-sortable-tree 이다.기본UI가있으며 테마도 설정할 수 있다. React의 dependency 문제때문에 오류가 날 수도있는데 아래를 사용해서 다운하면 된다. npm install https://github.com/samarai-project/react-virtualized-fixed.git 조직도를 예제로 만들어 볼 것이다. Domain Model은 부서가 부서를 참조하게 해놨고 그이유는C레벨 > 사업부 > 사업본부 처럼 A부서가 B에속하고 C부서가 B에 속하는 형..

도대체가 이놈의 Mendix 위젯은 지원안되는 부분이 너무많다… 물론 Mendix의 기본기능만 복잡하지 않은 요구사항을 만족 시킬 수 있다면 나쁘지는 않다… 하지만어제 나온 selectBox 요구사항을 충족시키고 싶어서 React의 SelectBox를 하나 만들어봤다.Microflow를 사용해서 원하는 데이터만 가져올 것이다.예로 과일이면 grape, strawberry, pineapple, apple이 있다고 한다면apple이 포함된 과일만 가져온다.selectBox에 데이터를 표시하고싶다.그러면 시작해보겠다…일단은 우리가 사용할 데이터 부터 만들어 주었다. 그런다음 React 를 사용해서 SelectWidget을 하나만들었다 아래의 소스코드는 SelectBox를 만드는 소스코드이다.React 부분이 ..

저번에는 Widget Exam을 해보았다면 이번에는 정말 만들어보고 싶은 것을 만들어 볼 것이다.Library를 사용하고 Datasource 에 있는 데이터를 Grid.js 를 사용해서 보여주는 것을 만들어볼 예정이다.먼저 다운로드를 받아주자!!npm install --save gridjs && npm install --save gridjs-react Grid.js 의 사용법을 알아야지 진행을 할 수 있어서 사용법부터 한번 살펴보겠다.정말 간단하게 표 형태의 Grid를 구현할 수 있다. 그렇다면 내가 하고싶은 Datasource 에서 데이터를 가져와서 뿌려주기 위해서는 어떻게 해야될까??일단은 Mendix React 프로젝트를 하나 생성하고 [Module].xml에 아래를 추가한다.아래의 내용은 Data..

Widget을 개발하기 위한 dependency 는 node, yeoman, @mendix/generator-widget 이렇게 있다.Node LTS ( 다운로드 )npm install -g yo ( YEOMAN 다운로드 )npm install -g @mendix/generator-widget ( mendix 의존성 다운 )Mendix프로젝트를 생성한 후에 위젯폴더를 생성 cd myPluggableWidgets 이동후에 yo @mendix/widget characterCounter YEOMAN명령어를 입력!!아래와같이 해주면 YEOMAN이 @mendix/widget 의 프로젝트를 바로 만들어준다. Node를 사용해본사람이면 알텐데 Dependency 문제는 아주 속이터진다… 그런데 이렇게 명령어 한줄로 ..