속성이 변경되면 즉시 속성 변경 이벤트를 실행할 수 있습니까?

Question

난 당신이 here을 테스트 할 수 있습니다이 코드를 가지고 :

Ext.application({ 
    name: 'Fiddle', 

    launch: function() { 
     Ext.create('Ext.grid.property.Grid', { 
      id: "PROPERTIES", 
      renderTo: Ext.getBody(), 
      autoHeight: true, 
      width: 300, 
      viewConfig: { 
       forceFit: true, 
       scrollOffset: 2 // the grid will never have scrollbars 
      }, 
      listeners: { 
       propertychange: function(source, recordId, value, oldValue) { 
        alert("new Value=" + value); 
       } 
      }, 
      source: { 
       "title": "My Object", 
       "color": Ext.Date.parse('10/15/2006', 'm/d/Y'), 
       "Available": false, 
       "Version": 0.01, 
       "Description": "A test object" 
      } 
     }); 
    } 
}); 

내가 예에서 나는 참/거짓 상자를 클릭 한 경우에만 화재를 프로퍼티 변경 이벤트를 true로 거짓 값을 변경합니다. 가치를 변경 한 직후에 이벤트 (또는 다른 이벤트)를 실행하고 싶습니다. 어떻게해야합니까?

Answer 1

이것이 작동하는 방식이며 편집기가 닫히면 필드에서 만 속성 변경 이벤트가 발생합니다.

편집기를 닫기 전에 기능을 실행하거나 모든 필드 변경 값에 대해 다른 작업을 수행하려면 컨트롤러를 추가하고 속성 패널의 각 필드에 대한 변경 이벤트를 수신해야합니다. https://fiddle.sencha.com/#fiddle/bti

: 여기

Ext.define('MyApp.controller.MyController', { 
    extend: 'Ext.app.Controller', 


    init: function() { 
     this.control({ 
      'propertygrid field': { 
       change: function(field, newValue, oldValue, eOpts){ 
        console.log(field, newValue, oldValue); 
       } 
      } 
     }); 
    } 
}); 

Ext.application({ 
    name: 'MyApp', 

    controllers : ['MyController'], 
    launch: function() { 
     Ext.create('Ext.grid.property.Grid', { 
      id: "PROPERTIES", 
      renderTo: Ext.getBody(), 

      autoHeight: true, 
      width: 300, 
      viewConfig: { 
       forceFit: true, 
       scrollOffset: 2 // the grid will never have scrollbars 
      }, 
      listeners: { 
       propertychange: function(source, recordId, value, oldValue) { 
        alert("new Value=" + value); 
       } 
      }, 
      source: { 
       "title": "My Object", 
       "color": Ext.Date.parse('10/15/2006', 'm/d/Y'), 
       "Available": false, 
       "Version": 0.01, 
       "Description": "A test object" 
      } 
     }); 
    } 
}); 

데모와 바이올린입니다 : 여기 그것이 어떻게 작동하는지입니다