1. 프로젝트 소개
우리 모두 알고 있듯이 ext는 매우 강력한 테이블 컨트롤이며, 특히 사용자에게 많은 기능을 제공하는 그리드 내부는 현재 주류에서는 여전히 extjs4.0-4.2를 사용하고 있지만 상위 버전이 이에 더 가깝습니다. 사람들의 미학이 필요합니다. 따라서 오늘 우리는 웹 프로젝트의 ext6.2 버전을 빌드합니다.
2. 프로젝트 준비
ExtJS 6.2 GPL공식 버전 다운로드 주소: https://www.sencha.com/legal/gpl/
다운로드가 완료된 후 프로젝트 디렉토리는 다음과 같습니다.

3. 프로젝트 빌드
1. 생성한 프로젝트에서 다음 js 파일을 참조합니다. (여기에 있는 대부분의 js 파일은 빌드 폴더에 있습니다.)
1 2 3 4 | <span style= "color: #008080" >1</span> <script type=<span style= "color: #800000" > "</span><span style=" color: #800000 ">text/javascript</span><span style=" color: #800000 ">" </span> src=<span style= "color: #800000" > "</span><span style=" color: #800000 ">ext-all.js</span><span style=" color: #800000 ">" </span>></script>
<span style= "color: #008080" >2</span> <script type=<span style= "color: #800000" > "</span><span style=" color: #800000 ">text/javascript</span><span style=" color: #800000 ">" </span> src=<span style= "color: #800000" > "</span><span style=" color: #800000 ">ext-all-debug.js</span><span style=" color: #800000 ">" </span>></script>
<span style= "color: #008080" >3</span> <script type=<span style= "color: #800000" > "</span><span style=" color: #800000 ">text/javascript</span><span style=" color: #800000 ">" </span> src=<span style= "color: #800000" > "</span><span style=" color: #800000 ">ext-bootstrap.js</span><span style=" color: #800000 ">" </span>></script>
<span style= "color: #008080" >4</span> <script type=<span style= "color: #800000" > "</span><span style=" color: #800000 ">text/javascript</span><span style=" color: #800000 ">" </span> src=<span style= "color: #800000" > "</span><span style=" color: #800000 ">locale-zh_CN.js</span><span style=" color: #800000 ">" </span>></script>
|
로그인 후 복사
2. 응답 CSS 파일 참조: (참고: 자신의 ext-6.2.0buildclassictheme-crisp 폴더에 있는 모든 항목을 가져와야 합니다.)
1 2 | <span style= "color: #008080" >1</span> <link rel=<span style= "color: #800000" > "</span><span style=" color: #800000 ">stylesheet</span><span style=" color: #800000 ">" </span> type=<span style= "color: #800000" > "</span><span style=" color: #800000 ">text/css</span><span style=" color: #800000 ">" </span> href=<span style= "color: #800000" > "</span><span style=" color: #800000 ">theme-crisp/resources/theme-crisp-all.css</span><span style=" color: #800000 ">" </span> />
<span style= "color: #008080" >2</span> <link rel=<span style= "color: #800000" > "</span><span style=" color: #800000 ">stylesheet</span><span style=" color: #800000 ">" </span> type=<span style= "color: #800000" > "</span><span style=" color: #800000 ">text/css</span><span style=" color: #800000 ">" </span> href=<span style= "color: #800000" > "</span><span style=" color: #800000 ">theme-crisp/resources/theme-crisp-all-debug.css</span><span style=" color: #800000 ">" </span> />
|
로그인 후 복사
다음으로 테스트용 작은 데모를 작성하여 ext6.2 구축을 완료할 수 있습니다.
블로거 제안: ext6.2에는 많은 기능이 있고 공식 문서도 매우 상세합니다. 그러나 그럼에도 불구하고 실제 프로젝트에서는 여전히 일부 문제가 있을 수 있으므로 공식 표준에 따라 코드를 작성하는 것이 좋습니다.