Ext的grid基本用法

爱吃果果的噜噜噜

于 2021-01-12 15:18:23 发布

阅读量743

点赞数

分类专栏： EXT grid 文章标签： extjs ext

本文链接：https://blog.csdn.net/qq_42607626/article/details/112529016

版权

EXT 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

grid

1 篇文章 0 订阅

订阅专栏

Ext的grid基本用法

根据前端传值，从后台查询数据，动态加载至页面显示。

前端：
var storePerson = new Ext.data.JsonStore({
        remoteSort: true, root: 'root', idProperty: 'id',
        fields: ['id', 'name', 'sex'],
        baseParams: {dataType: 'json'},
        proxy: new Ext.data.HttpProxy({
            url: ''
        }),
        listeners: {}
    });
var code = ''; 
var querys= ''; 
storePerson.load({params: {code:code, includeSub: false}});
or
storePerson.load({params: {querys: querys, includeSub: false}});

var selectCheck = new Ext.grid.CheckboxSelectionModel();
var grid = new Ext.grid.GridPanel({
	store:storePerson ,
	title:"离退人员(<font color='red'>未管控</font>)",
        autoScroll : true,
        loadMask:true,
        trackMouseOver:true,
        columnLines:true,
        buttonAlign:"center",
        sm:selectCheck ,
        view: new Ext.grid.GridView({autoFill: false,forceFit: false}),
        cm:new Ext.grid.ColumnModel(
            [
                new Ext.grid.RowNumberer(),
                selectCheck ,
                {header:'姓名',resizable:true,sortable:true,dataIndex:'name',align:'center'},
                {header:'性别',resizable:true,sortable:true,dataIndex:'sex',align:'center'},
        ]),
});
后端：

String code = request.getParameter("code");
String querys = request.getParameter("querys");
...
...
String data = "{root:[{id:'121000294',name:'小明',sex:'男'},{id:'121000055',name:'小红',sex:'女'}]}
";
response.getWriter().write(data);