<html>
<head>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
<script>
function fn()
{
//Ext.BLANK_IMAGE_URL ="/resource/extjs31/resources/images/default/tree/s.gif";
var data={totalCount:0,data:[{ID:'1',TITLE:'HAO',PUBTIME:'2009'},{ID:'33',TITLE:'3333',PUBTIME:'23333'}]};
var urlstr='/fbrole/main/itsmIndexGetInfoData.jsp?ch_id='+"<%=ch_id%>";
//数据部分
var store=new Ext.data.JsonStore({
start:0,
limit:5,
root:"data",
totalProperty:"totalCount",
idProperty:"ID",
fields:["ID","TITLE","PROMULGATOR","PUBTIME"],
proxy:new Ext.data.MemoryProxy(data)
//proxy: new Ext.data.HttpProxy({ url:urlstr })
});
//框架部分
var mainPanel = new Ext.Panel({
layout:'border',
applyTo:document.body,
width:1023,
height:500,
items:[
new Ext.grid.GridPanel({
id:'gridepanel',
title:"<%=ch_name%>",
region:'center',
frame:true,
store:store,
autoExpandColumn:2,
listeners:{
rowclick : function(grid, rowIndex, e){
console.dir(e);
var selections = grid.getSelectionModel().getSelections();
if (selections.length == 0) { Ext.Msg.alert('提示', "先选择行"); return; }
for (var i = 0; i < selections.length; i++) {
var record = selections[i];
alert(record.get("ID"));
var id = record.get("ID");
var url = "panel.html";
window.open(url);
}
}
},
tbar : new Ext.PagingToolbar({
store:store,
pageSize:5,//每页显示几条记录
displayInfo:true,
displayMsg:'第{0}条到{1}条,一共{2}条',
emiptyMes:'没有记录'
}),
columns:[
new Ext.grid.RowNumberer(),
{header:"标题",width:300,dataIndex:"TITLE"},
{header:"发布时间",dataIndex:"PUBTIME"}
]
})
]
});
store.load({params:{start:0, limit:5}});
var el = Ext.getCmp('gridepanel');
//console.dir(el);
}
Ext.onReady(fn);
</script>
</head>
<body>
</body>
</html>
分享到:
相关推荐
入门 EXT简介 Ext 2简述 EXT新手建议 怎么轻松地进入Ext的世界? 从零开始Ext 设置基础页 Javascript中的作用域(scope)是什么?(一) Javascript中的作用域(scope)是什么?...采用JsonStore的PropertyGrid 关联事件
var jsonStore = "";// 用户存放数据 var head = "";// 用户存放表头 var flag = true;// 标记 ,为第一次循环时加载head(只需加载一次) var cfg = null; var ds = grid.getStore(); var cm = grid....
ExtJs学习资料28-Ext.data.JsonStore数据存储器
Ext 根据数据库返回json动态生成grid列表实例 完整代码
NULL 博文链接:https://mr-cheney.iteye.com/blog/1172183
表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为如下几种: JsonStore,...
JSONStore:简单线程安全的内存JSON密钥存储支持后端持久化
表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义)、而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。 下面
conn.request({ success: function(response) { Ext.Msg.alert('info', response.responseText);...var ds = Ext.data.JsonStore({ url: 'xxx.jsp', root: 'root', fields: ['id','name','descn'] });
表格的列信息由类Ext.grid.ColumnModel定义、而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。 我们首先来看最简单的使用表格的代码: 代码...
extjs4 对多种store数据 ,以多种方式绑定到界面上,以一例子以说明编写
在使用myeclipse过程中,我使用ajax同步请求传递参数到后台却出现中文乱码,这是我解决问题的代码,希望对您有所帮助
开源项目-schollz-jsonstore.zip,Library for simple thread-safe in-memory JSON key-store with persistent backend
资源来自pypi官网。 资源全名:jsonstore-1.1.4.tar.gz
资源来自pypi官网。 资源全名:jsonstore-1.2.tar.gz
python库,解压后可用。 资源全名:jsonstore-1.1.4-py2.7.egg
资源来自pypi官网。 资源全名:jsonstore-1.1.4-py2.7.egg
拿combobox的数据 代码如下: comboDS = new Ext.data.JsonStore({ url : ‘test.do’, fields : [{ name : ‘id’ }, { name : ‘display’ }] }); combobox定义 combobox 中的id必须要有,后面要跟据id取combobox值...
store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, fields: ['VehicleNo', 'phoneNum'] }), id:'querynodesid', emptyText:'快速检索', hiddenName: 'VehicleNo', ...
jsonstore.io为小型项目提供免费,安全且基于JSON的云数据存储。 只需输入https://www.jsonstore.io/,复制URL并开始发送HTTP请求与您的数据存储进行通信。 POST请求将保存数据,PUT请求修改数据,DELETE请求删除...