跳转到主内容
思享编程网:思考分享,玩转编程世界!

如何用Extjs制作一个功能丰富的表格?

大家好,我是陆砚码,今天我们来聊聊如何用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 "

相关文章