【Extjs】Model,Store,grid.panel 用法

最新推荐文章于 2021-02-27 03:55:43 发布

InforStack

最新推荐文章于 2021-02-27 03:55:43 发布

阅读量1.3k

点赞数

分类专栏： Extjs Extjs 文章标签： Ext.data.model Ext.data.Store Ext.grid.panel

本文链接：https://blog.csdn.net/inforstack/article/details/46754723

版权

Extjs 同时被 2 个专栏收录

18 篇文章 1 订阅

订阅专栏

Extjs

16 篇文章 0 订阅

订阅专栏

Ext.define('ScreeningModelVo', {
    extend: 'Ext.data.Model',
     fields: [
        {name: 'id', type: 'string'},
	{name: 'name', type: 'string'}
    ]
});

this.store = Ext.create('Ext.data.Store', {
	autoLoad : true, //自动加载store
	model : 'ScreeningModelVo', 
	remoteSort : true, //服务端排序
	proxy : {
		type : 'ajax',//请求类型
		url : '/subscriber/model/list',
		reader : {
			type : 'json',//数据类型
			root : 'data' //json数据中的data，例如 {"success":1,"message":"","data":[{"id":"1001","name":"张三"}]}
		},
		simpleSortMode : true //单个字符进行排序
	}
});

var get_model_grid = Ext.create('Ext.grid.Panel', {
	width: 150,
	height:	300,
	border : true,
	margin : '5 5 5 5', //边距
	store: this.store, //引用store
	emptyText: '无数据',
	hideHeaders: true,        //是否隐藏标题
	columns: [{
		header: "模型名称",
		dataIndex : "nameZH",
		flex : 1 
    }],
    listeners : {
		scope : this,
		celldblclick : this._rightShift_
	}
});