대시 보드 위젯에 대해 ExtJS보기가 동적으로로드됩니다.

Question

내 ExtJS 4.2.1 애플리케이션에는 대시 보드 화면이 있는데 여기에서 일부 차트와 격자를 보여줍니다.

내 고객이 사용자가 위젯의 정적 모음에서 사용자 정의 위젯을 추가 할 수 있도록 요청하여 dashboard에 사용자가 갖고 싶은 widgets 만 표시됩니다.

그래서 사용자가 로그인 할 때 서버에서 보낼 JSON에 따라 widgets을 동적으로 생성해야합니다. 하지만 어떻게 구현 해야할지 모르겠다. 사용자가 다음과 같은 것 따를 것이다

과정 : 나는 4 개 패널 (테이블 레이아웃을)해야합니다 내 대시 보드보기에

1. .
2. 각 패널에는 tool (톱니 바퀴 아이콘)이 있습니다.
3. 사용자가이 톱니 바퀴 아이콘을 클릭하면 해당 패널에 할당 할 수있는 위젯 목록이있는 창이 표시됩니다.
4. 사용자가 선택한 패널에 추가 할 위젯을 선택하고 "적용"버튼을 누릅니다.
5. 버튼 클릭 이벤트에서 환경 설정이 데이터베이스에 저장됩니다.
6. 다음 번에 사용자가 앱에 로그인하면 환경 설정이 초기 JSON에로드되어 위젯을 각 패널에로드 할 수 있습니다.

누구나 이런 접근 방식을 구현 했습니까?

Answer 1

단일 패널에 대해 설명하고 U 패널을 확장/사용할 수 있습니다 (tbl 레이아웃 사용 중일 수 있음). 차트 파일이 이미 생성 된 경우 (extjs 문서에 대한이 참조 차트 자습서의 경우), 차트 파일에는 차트에서 요청한 실시간/동적 데이터를 전달하는 설정 (사용자 정의 구성)이 있어야합니다.

처음으로 우리는 사용자가 목록에서 차트/위젯 옵션을 선택할 수있게 할 것입니다. 우리는 선택 이벤트에서 차트/위젯을 생성 할뿐만 아니라 위젯의 이름이나 그 위젯에 제공된 다른 추가 설정을 저장할 것입니다 데이터베이스의 사용자 세부 정보.

다음 번에 사용자가 로그인 할 때 db에서 위젯 이름 등을 검색하고 페이지 laod 이벤트 및 표시에 동적으로 위젯을 만들어야합니다.

귀하의 이해를 명확히하기 바랍니다.