ExtJS는 ID와 Ext를 피합니다.getCmp 사용

1684 단어 idExtJsExt。getCmp
만약 당신의 ExtJS 코드가 OO의 디자인이라면그러면 봉인된 패널 등 구성 요소 클래스의fields에 id를 추가하는 것은 바람직하지 않다는 것을 깨달았을 것이다. 왜냐하면 같은 페이지에 같은 종류의 실례화가 얼마나 있는지 제어할 수 없기 때문이다.
따라서 이러한 상황을 피하기 위해 구성 요소 안의 id의 사용을 금지하고 itemId로 대체합니다. id의 items를 정의하지 않으면 extjs는 자동으로 id를 분배합니다.
그렇다면 itemId를 채택한 이상 어떤 방법으로 포지셔닝을 해야 합니까?
down 방법은 itemId를 통해 요소를 얻을 수 있는 절호의 방법이다
down( selector, [returnDom] ) : HTMLElement/Ext.dom.Element
Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).
Defined in override Ext.dom.AbstractElement_traversal.
Available since: Ext 4.1.0

Parameters

  • selector : String
    The CSS selector
  • returnDom : Boolean (optional)
    True to return the DOM node instead of Ext.dom.Element
    Defaults to: false

  • Returns

  • HTMLElement/Ext.dom.Element
    The child Ext.dom.Element (or DOM node if returnDom = true)

  • 코드 예제
     
    
      
      
      
      
    1. Ext.getCmp('viewBasicInfoPanel').down('#contractName').setValue('Tommy lee'); 

    주의해야 할 것은 #itemId를 선택할 때 빠질 수 없는 것이다. 그렇지 않으면 실패를 선택할 것이다.
     
    한 마디로 하면 extjs4에서 extjs는 모든 구성 요소에 up()와down() 방법을 추가해서 모든 구성 요소의 부모 구성 요소와 하위 구성 요소를 더욱 쉽게 얻을 수 있습니다.물론 이러한 방법을 제외하고 extjs는 더욱 강력한ComponentQuery 클래스를 추가했습니다. 이 클래스를 통해 우리는 더 많은 방법을 사용하여 필요한 모든 구성 요소를 찾을 수 있습니다.

    좋은 웹페이지 즐겨찾기