大家好,我是陆砚码,今天我们来聊聊如何用Extjs制作一个功能丰富的表格。Extjs的表格组件GridPanel非常强大,可以实现很多实用的功能,比如自动显示行号、添加复选框、分页显示、甚至还能实现拖放和编辑功能。接下来,我们就一步步来探索这个强大的组件。
自动显示行号
首先,我们来看如何让表格自动显示行号。这很简单,只需要创建一个RowNumberer对象,并将其添加到列模型中即可。
rn = new Ext.grid.RowNumberer();
添加复选框
接下来,我们添加复选框,以便用户可以选择多行。这里我们使用CheckboxSelectionModel来实现。
var sm = new Ext.grid.CheckboxSelectionModel({});
列模型
列模型是表格的核心,它定义了表格的列信息。我们可以在这里添加各种列,比如编号、查看详细等。
var cm = new Ext.grid.ColumnModel([rn,sm, {header:'编号',dataIndex:'id',align :'center',sortable : true,renderer : function(v){return "
