Extjs3.4 grid中添加一列复选框

最新推荐文章于 2023-06-17 23:11:22 发布

DragonWar%

最新推荐文章于 2023-06-17 23:11:22 发布

阅读量472

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sunshineground/p/3833980.html

本文介绍如何利用ExtJS框架创建一个包含多个列并具备特定功能的网格面板。该网格面板实现了案件信息的展示，包括立案号、车牌号、出险日期等详细信息，并提供了搜索、编辑等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　var sm = new Ext.grid.CheckboxSelectionModel();

    var cm = new Ext.grid.ColumnModel(
        [
            sm,
            new Ext.grid.RowNumberer(),
            {
                header: '立案号',
                dataIndex: 'AccidentNumber',
                width: 100
            }, {
                header: '车牌号',
                dataIndex: 'VehicleNumber',
                width: 100
            }, {
                header: '出险日期',
                dataIndex: 'AccidentDate',
                width: 100
            }, {
                header: '出险地点',
                dataIndex: 'AccidentPlace',
                width: 100
            }, {
                header: '司机',
                dataIndex: 'Driver',
                width: 100
            }, {
                header: '事故经过',
                dataIndex: 'AccidentProcess',
                width: 100
            }
        ]
    );

    var grid = new Ext.grid.GridPanel({
        store: store,
        trackMouseOver: false,
        disableSelection: true,
        autoHeight: true,
        autoWidth: true,
        autoScroll: true,
        viewConfig: {
            forceFit: true
        },
        loadMask: true,
        stripeRows: true,
        columnLines: true,
        sm: sm,
        cm: cm,

        tbar: new Ext.Toolbar({
            enableOverflow: true,
            items: [searchAction, '-', editAction, '-', MergeAction, '-', AutoMergeAction]
        }),

        bbar: new Ext.PagingToolbar({
            pageSize: 20,
            store: store,
            displayInfo: true
        })
    });

转载于:https://www.cnblogs.com/sunshineground/p/3833980.html