Ext中用PropertyGrid来完成显示系统信息,比如版本,硬件信息等功能再好不过,但是关于PropertyGrid控件给的例子有很多都是写死在前端代码里的,比如
var grid = new Ext.grid.PropertyGrid({
title: '属性表格',
autoHeight: true,
width: 300,
renderTo: 'grid',
viewConfig: {
forceFit: true
},
source: {
"名字": "不告诉你",
"创建时间": new Date(Date.parse('12/15/2007')),
"是否有效": false,
"版本号": .01,
"描述": "嗯,估计没啥可说的"
}
});
但是很多时候,我想从服务器端取出一些硬件信息,或者软件信息。这种写法就完全不能满足我的需要。那要怎么样去完成这个功能呢?
首先,在PropertyGrid用来显示数据的属性为source,这个suorce接收的为一个javascript对象,也就是说,我可以往这里面传一个javascript对象就完全可以显示出来。说到这里,我想大家都明白了,从服务器端发个json对象过来,填充到里面。服务器端各种生成json对象的方法,我这里省略。
Ext.Ajax.request({
url:'systemInfo!list.action',
success:function(response){
var result = Ext.decode(response.responseText);
if(result.success){
var json = result.data;
Ext.getCmp("propGrid").setSource(json);
}else {
alert('fail!');
}
},
failure:function(){
alert("networkfailure");
}
});
var propsGrid = new Ext.grid.PropertyGrid({
id: 'propGrid',
width: 462,
autoHeight: true
});
上边的例子里面我简单起见,用的是Ext里面Ajax控件,当然,你也可以用record,store,reader。从后台得到json解析成为javascript对象,利用PropertGrid的setSource方法设置到source属性中,就能够完成相应的设值。
我说的只是大体思路,具体代码具体分析
分享到:
相关推荐
NULL 博文链接:https://zhangxiaodan0523-163-com.iteye.com/blog/1829467
Ext中的Grid,在很多行的情况下,出现纵向滚动条的情况下,鼠标滚轴单次滚动后,Grid表格移动的行数控制
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
一个基于EXT的ASP.NET后台管理框架例子源码程序
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...
Grid实现中文排序的功能,重写Ext.data.Store的applySort函数
ext超酷的grid中放图片(ext3.2.1)
EXT支持GRID中文排序 主要是重写排序的方法
EXT-JS Grid 用法 用EXT Designer 工具设计,步骤清晰详尽。
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
EXT GRID使用EXT GRID使用 EXT GRID使用EXT GRID使用
实用性的EXT.NET组件做的后台管理框架。
Ext中grid鼠标单击的每一行数据都能累加id,取消某一行id也随着取消,很实用。
封装EXT中grid的打印,多表头,自动从grid的store取数,完成打印页面和生成,调用只需要一两句代码
入门 EXT简介 Ext 2简述 EXT新手建议 怎么轻松地进入Ext的世界? 从零开始Ext 设置基础页 Javascript中的作用域(scope)是什么?(一) Javascript中的作用域(scope)是什么?...采用JsonStore的PropertyGrid 关联事件
EXT 中文手册 开发必备 该文档内容取自互联网,详细的介绍了 EXT的各部 分内容,希望对大家有所帮助
纯Ext搭建的模板,网页右键不能查看源码。内含联系方式,可以联系我。
Ext 做的清爽简单后台模板
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。