ExtJS 配置和表格控件使用第2/2页

关于“ExtJS 配置和表格控件使用第2/2页”的完整攻略，我整理了以下内容供您参考。

配置

在使用 ExtJS 的过程中，有很多配置项可以使用。这些配置项可以帮助我们快速地定制我们的组件。以下是一些常用配置项：

• height：高度
• width：宽度
• renderTo：渲染到的元素ID
• layout：布局方式
• title：标题
• iconCls：图标

另外，我们还可以在组件初始化的时候传入一些配置项，例如：

Ext.create('Ext.Panel', {
  title: 'My Panel',
  height: 200,
  width: 400,
  renderTo: 'my-element'
});

表格控件

ExtJS 提供了非常丰富的表格控件，以下是一些常用的表格控件：

• Ext.grid.Panel：表格面板
• Ext.grid.column.Column：表格列
• Ext.grid.column.CheckColumn：复选框列
• Ext.grid.column.Date：日期列
• Ext.grid.column.Number：数字列
• Ext.grid.column.Template：自定义列

下面是一个示例，展示如何使用 Ext.grid.Panel 来创建一个表格：

Ext.create('Ext.grid.Panel', {
  title: 'My Grid Panel',
  store: myStore,
  columns: [{
    header: 'Name',
    dataIndex: 'name',
    flex: 1
  }, {
    header: 'Age',
    dataIndex: 'age',
    width: 100
  }],
  height: 200,
  renderTo: 'my-element'
});

这里我们使用了一个 store，一个 columns 数组和一些配置项来创建一个表格。

参考资料：Ext JS - 配置、表格。