extjs6写一个表格内点击事件的案例
时间: 2023-06-02 20:05:00 浏览: 132
当然,我很乐意帮您回答关于编程方面的问题。以下是一个extjs6写一个表格内点击事件的案例的示例代码:
```javascript
Ext.create('Ext.grid.Panel', {
title: 'Example Grid',
store: Ext.create('Ext.data.Store', {
fields: ['name', 'email', 'phone'],
data: [
{name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224'},
{name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234'},
{name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244'},
{name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254'}
]
}),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email', flex: 1 },
{ text: 'Phone', dataIndex: 'phone' }
],
listeners: {
itemclick: function(dv, record, item, index, e) {
Ext.Msg.alert('You clicked', record.get('name'));
}
},
height: 200,
width: 400,
renderTo: Ext.getBody()
});
```
在这个例子里,我们创建了一个包含了一个简单的表格的ExtJS面板。在表格的定义上,我们指定了一个名为“itemclick”的事件监听器。这个事件会在用户点击表格的行时触发,同时会通过Ext.Msg.alert方法展示出对应行的姓名。
阅读全文