extjs 界面调用Controller的方法
时间: 2024-10-23 08:13:17 浏览: 33
ExtJS是一个流行的JavaScript框架,用于构建企业级的Web应用程序。在ExtJS中,界面组件(如按钮、窗口等)通常通过事件监听或者直接引用绑定到后台的Controller(控制器)上。当用户触发某个操作或事件时,前端的组件会发送一个请求到相应的Controller,Controller接收到这个请求后,可以调用自己的处理函数(method)来响应。
例如,你可以这样做:
```javascript
// 假设有一个Button组件
var myButton = Ext.create('Ext.button.Button', {
text: 'Click me',
// 绑定点击事件到Controller的方法
listeners: {
click: {fn: 'myMethod', scope: thisController}
}
});
// Controller中的方法
Ext.define('MyController', {
extend: 'Ext.app.Controller',
methods: {
myMethod: function() {
// 这里是你想要执行的业务逻辑
console.log('Button clicked!');
}
}
});
```
在这个例子中,当你点击Button时,`myMethod`方法会被调用。当然,这只是一个基本示例,实际应用中可能会更复杂,涉及到更多的数据交互和服务调用。
阅读全文