현재 프로젝트에서는 거의 모든 페이지에서 jqGrid를 사용하고 있습니다. 우리는 복잡한 그리드 인라인 행 편집, 드롭 다운, 확인란 및 기타 컨트롤, 정렬, 열 필터링 등을 포함한 그리드의 풍부한 기능을 사용합니다.각도 2에서 jqGrid의 가장 좋은 대안은 무엇입니까?
이제 프로젝트를 2 각형으로 변환하려고합니다. 그러나 주요한 문제는 풍부한 jqGrid의 기능을 사용하는 것입니다. 시작하기 전에 각도 2 기반 격자에서 모든 기능을 수행 할 수 있다면 일부 POC를 수행해야합니다.
당신이 어떤 그리드에 대한 어떤 제안이 있거나 우리가 사전에 각 2덕분에 우리의 사용자 정의 데이터 그리드 구성 요소를 개발해야합니까.
사용하는 jqGrid의 버전과 jqGrid의 포크를 작성하지 않았습니다. 개발은 버전 4.7 이후에 나옵니다. 현재 개발중인 free jqGrid과 상업용 Guriddo jqGrid JS의 두 가지 주요 포크가 있습니다.
JavaScript 프레임 워크를 변경할 때 기존 구성 요소를 모두 다시 쓰는 방법이 잘못되었습니다. 모든 프레임 워크는 DOM을 통해 HTML 페이지를 최종적으로 수정합니다. 모든 최신 JavaScript 프레임 워크는 DOM을 내부적으로 조작하는 외부 컴포넌트 바인딩/마운트를 지원합니다. 각도가 1/2 인 directive/directives, 에 장착 된 React에 componentDidMount 등이 있습니다. 결과적으로 필수 기능을 갖춘 Angular 2 구성 요소를 얻을 수 있습니다. 그런 다음 개발 시간을 단축하고 마르크에있는 최상의 구성 요소를 사용할 수 있습니다. 웹 사이트를 사용하는 최종 사용자는 기본 앵귤러 구성 요소와 자바 스크립트 구성 요소간에 차이가 없음을 알 수 있습니다.
각도 2에서 구성 요소를 통합하는 또 다른 측면은 TypeScript입니다. 자바 스크립트처럼 데이터 유형과 매개 변수를 훨씬 잘 제어 할 수있는 훌륭한 언어입니다. 이 문제는 *.d.ts 파일에 JavaScript 구성 요소의 유형 정의가 있으면 해결할 수 있습니다. 무료 jqGrid 4.14.0은 기존의 모든 jqGrid 옵션, 콜백 및 이벤트를 설명하는 free-jqgrid.d.ts을 포함합니다. Visual Studio Code과 같은 텍스트 편집기를 사용하면 IntelliSense를 이용할 수 있습니다. 결과적으로 기존 코드의 많은 부분을 포함하는 코드의 생산성과 품질을 향상시킬 수 있습니다.
내 생각 엔 ag-grid은 Angular2 및 React js 유형의 응용 프로그램에 올바른 선택이 될 것입니다. 위에서 설명한 모든 기능과 부동 열, 그룹화 열, 피벗 팅 블라 블래 어 등 새로운 흥미로운 기능을 모두 갖추고 있기 때문입니다.
안녕하세요 올렉, 귀하의 설명과 제안에 대해 감사드립니다. 우리는 여전히 우리의 애플리케이션을 응답 성있게 만들고 최신 자바 스크립트 프레임 워크에 맞출 수있는 최선의 방법을 찾고자합니다. 유형 스크립트, Angular 2. 우리는 무료 jgGrid 버전을 사용합니다. free-jqgrid.d.ts에 대해 잘 알고 있습니다. –
@UtpalKumarDas : 사용중인 무료 jqGrid 버전은 무엇입니까? 어떤 CSS 프레임 워크를 사용합니까 (jQuery UI, 부트 스트랩 또는 둘 다)? jqGrid를'setGridWidth'를 호출하는'$ (window) .resize' 핸들러를 추가하면 쉽게 응답 할 수 있습니다. 'autoresizeOnLoad : true'와'autoResizing : {compact : true, resetWidthOrg : true}'옵션'autowidth : true' 등을 사용하여 열의 내용을 기반으로 열 너비의 자동 크기 조정 기능을 조합 할 수 있습니다. 'hidden-xs'와 같은 Bootstrap 클래스와 함께'labelClasses'를 사용하여 저해상도에서 열을 숨길 수 있습니다 : http://jsfiddle.net/OlegKi/andm1299/26/ – Oleg
안녕하세요 올렉, 우리가 사용한 jqGird가 보입니다 : - jqGrid 4.6.0 - jQuery Grid * Copyright (c) 2008, Tony Tomov, [email protected] 우리는 무료 버전을 사용합니다. –