ExtJS XTemplate은 문자열

Question

에있는 특정 항목을 바꿉니다. 그래서 shopware 플러그인을 작성 중이며 disabled 입력 필드를 XTemplate에 정의 된 readonly 필드로 변경해야합니다.

나는이 작업을 할 수있는 방법을 찾으려고 노력했지만 아무 것도 만들 수 없습니다.

이 코드는 삭제 된 버전이며, 여러 개의 입력 필드가 있으며 그 중 일부는 비활성화되어 있습니다. 이것은 마지막으로 발생합니다. 힌트를 보내 주시면 감사하겠습니다. :)

/** 
* Some function... 
*/ 
createSomeFunction: function() { 
    var me = this; 
    return new Ext.XTemplate(
     '<tpl for=".">', 
     //stripped this down 
     '<p>', 
     '<strong>'+me.snippets.mediaInfo.adress+'</strong>', 
     '<input type="text" disabled="disabled" value="{path}" />', 
     '</p>', 
     '</div>', 
     '</div>', 
     '</tpl>', 
     { 
      //formatting functions 
      someFormattingFunctions: function(value) { 
       //... 
      } 
     } 
    ) 
} 

Answer 1

템플릿을 사용자 지정하려면 원래 Shopware보기 클래스에 대한 재정의 (override)를 작성해야합니다. 귀하의 경우에는

그것은 다음과 같습니다 : 우리가 지금 템플릿에 액세스 할 수 있기 때문에

Ext.define('MyApp.ShopwareOverride', { 
    override: 'Shopware.view.Masterdata', 

    createSomeFunction: function() { 
     var tpl = this.callParent(arguments); 
     //manipulate response of the original function here ... 
    } 
}); 

, 우리는 HTML을 조작 할 수 있습니다. 여기에서 set 함수를 호출하여 템플릿을 대체 할 수 있습니다. 두 번째 매개 변수를 true으로 전달하는 것이 중요합니다. 그러면 템플리트가 다시 컴파일됩니다.
문자열 (tpl['html'])으로 사용할 수있는 원본 템플릿에 액세스 할 수도 있습니다. 그러나이 부분은 공식적으로 문서화되지 않았습니다. https://fiddle.sencha.com/#view/editor&fiddle/21e7