EXT.JS 초기 구성

먼저 홈페이지에서 EXT.JS의 몇 개의 DLL을 다운로드하여 프로젝트에 인용한다(이 DLL도 버전이 따로 있다).

Web. 구성config


인용이 추가되었음에도 불구하고 이때는 완공이라고 할 수 없다.Ext.Net을 제대로 사용하려면 Web.config를 수정합니다(system.web에 넣습니다).
고전 모드 구성:
<httpHandlers>
  <add path="*/ext.axd" verb="*" type="Ext.Net.ResourceHandler"  validate="false" />
httpHandlers>
<httpModules>
  <add name="DirectRequestModule" type="Ext.Net.DirectRequestModule, Ext.Net" />
httpModules>

통합 모드 구성:
<modules>
  <add name="DirectRequestModule" preCondition="managedHandler"
       type="Ext.Net.DirectRequestModule, Ext.Net" />
modules>
<handlers>
  <add name="DirectRequestHandler" verb="*" path="*/ext.axd"
       preCondition="integratedMode" type="Ext.Net.ResourceHandler" />
handlers>

클래식 모델과 통합 모델이 공존하려면 시스템이 필요하다.웹 서버 노드에 다음 구성을 추가합니다.
<validation validateIntegratedModeConfiguration="false" />

2단계, 페이지 컨트롤 구성


페이지에서 Ext.Net 컨트롤을 사용하려면 Ext.Net 컨트롤에 대한 구성을 추가해야 합니다.
<pages>
  <controls>
    <add tagPrefix="ext" namespace="Ext.Net" assembly="Ext.Net"/>
  controls>
pages>

3단계, Ext.Net 글로벌 구성 노드 추가


위의 두 단계를 완료한 후에는 페이지에서 Ext.Net 컨트롤을 사용할 수 있습니다.
그렇다면 우리는 왜 세 번째 설정을 진행해야 합니까?세 번째 단계는 모든 페이지가 설정하는 것이 아니라 전체적인 설정을 추가합니다. 예를 들어 우리는 전체적인 스킨을 사용해야 합니다.
글로벌 구성을 추가하려면 먼저 구성 파일에 사용자 지정 노드를 추가합니다.
<configSections>
  <section name="extnet" type="Ext.Net.GlobalConfig" requirePermission="false" />
configSections>

다음은 구성 항목입니다.
<extnet theme="Neptune" />

여기서 우리는 전체적인 피부만 설정하고 ExtJS 4.2.1의 Neptune 피부를 사용한다.

페이지에서의 간단한 사용 방법


구성이 완료되면 페이지에서 Ext.Net 컨트롤을 사용할 수 있습니다.
먼저 Ext.Net 컨트롤이 필요한 페이지에 리소스 참조를 추가하고 Script Manager를 사용하는 것처럼 페이지에 다음과 같은 컨트롤을 추가합니다.
<ext:ResourceManager runat="server">ext:ResourceManager>

이 컨트롤이 있으면 ExtJS의 인용을 페이지에 추가한 것과 같습니다.

좋은 웹페이지 즐겨찾기