`
yahoo71986
  • 浏览: 10401 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext中PropertyGrid后台取值问题

阅读更多
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属性中,就能够完成相应的设值。
我说的只是大体思路,具体代码具体分析
2
0
分享到:
评论

相关推荐

    用ext propertyGrid做的小例子

    标题中的“用ext propertyGrid做的小例子”表明这个压缩包包含了一个使用EXTJS库的Property Grid组件的示例。EXTJS是一个流行的JavaScript框架,用于构建富客户端Web应用程序,而Property Grid是一个数据展示组件,...

    解决Ext Grid中文排序问题

    在EXT JS框架中,Ext Grid是一个非常常用的组件,用于展示数据并支持各种操作,如排序、筛选和分页。然而,默认情况下,EXT Grid遵循ASCII码排序规则,这在处理中文字符时可能导致排序不符合预期,因为中文字符的...

    Ext中的Grid控制纵向滚动条单次滚动量

    在Ext JS这个强大的JavaScript框架中,Grid Panel是用于展示数据的常用组件,它支持大量数据的分页和排序。在处理大数据集时,Grid往往会出现纵向滚动条,以方便用户浏览表格内容。当数据行数非常多时,用户可能希望...

    EXT-JS Grid 用法

    EXT-JS Grid是EXT-JS库中的一个核心组件,它被广泛用于展示和操作大量数据。Grid提供了一种高效、可定制的表格视图,允许用户进行数据浏览、排序、筛选、分页以及编辑。EXT Designer是Sencha公司提供的一个可视化...

    Ext jsGrid 锁列问题

    用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...

    ext后台管理

    在"EXT后台管理"中,MySQL存储着系统的各类数据,如用户信息、权限设置、系统配置等。开发者可以通过PHP的MySQLi或PDO_MySQL扩展来连接、查询和操作数据库。 系统的设计通常会包含以下几个关键部分: 1. 用户认证与...

    Ext框架的Grid使用介绍

    Grid组件在EXT JS中扮演着数据表格的角色,可以展示多列数据,并且支持排序、分页、筛选、编辑等功能。它的灵活性在于能够根据需求定制各种复杂的行为,如自定义列渲染、行编辑、拖放排序等。以下是一些关于EXT JS ...

    JSP中使用EXT实现grid table

    在JavaServer Pages (JSP) 开发中,EXT 是一个流行的JavaScript 框架,它提供了丰富的用户界面组件,包括Grid(数据网格)和Table。EXT 提供了一种优雅的方式来展示和操作数据,尤其适用于创建交互式的Web应用程序,...

    一个基于EXT的ASP.NET后台管理框架例子源码程序

    一个基于EXT的ASP.NET后台管理框架例子源码程序

    ExtJS PropertyGrid中使用Combobox选择值问题

    在PropertyGrid中遇到的一个常见问题是当使用Combobox(下拉列表框)作为编辑器时,用户选择的值(displayField)与实际保存的值(valueField)不一致。通常,displayField用于显示用户友好的文本,而valueField则是...

    ext超酷的grid中放图片(ext3.2.1)

    在EXT JS 3.2.1版本中,Grid组件是一个非常强大的数据展示工具,它可以用于显示大量的结构化数据,并提供丰富的交互功能。标题"ext超酷的grid中放图片(ext3.2.1)"暗示了我们将探讨如何在EXT JS的Grid组件中嵌入和...

    ext.net后台管理

    在"WebSite2"这个项目中,开发者可能已经使用EXT.NET创建了一个包含多个功能模块的后台管理系统,如用户管理、角色管理、权限分配、数据报表等。通过查看源代码和调试,我们可以深入理解EXT.NET如何被用来构建这样的...

    几种Ext后台模板和网站后台模板

    文件名称列表中的“Ext模板”很可能包含了使用Ext JS开发的各种后台界面模板。这些模板可能包括预定义的布局、组件样式和示例代码,帮助开发者快速搭建后台管理系统。通过下载和学习这些模板,开发者可以学习到如何...

    Ext grid panel 滚动条位置不变

    Ext grid panel 是Ext JS框架中的一个组件,用于展示表格形式的数据。它提供了丰富的功能,如分页、排序、筛选等,并且可以通过配置实现自定义样式和交互行为。对于实时数据的展示,保持滚动条位置不变是一个关键...

    EXT中文手册 Grid Form

    - Grid组件是EXT中用于展示表格数据的重要组件,支持数据的排序、筛选等功能。 - **XTemplate** - XTemplate是EXT中用于数据渲染的一种模板引擎,可以将数据动态地插入到HTML中。 - **DataView** - DataView组件...

    ext json请求java后台返回集合数据

    标题中的“ext json请求java后台返回集合数据”指的是在Web开发中,前端EXTJS库通过JSON格式发送请求到Java后台,后台处理后返回一个集合(可能是列表或数组)的数据。EXTJS是一个用JavaScript编写的富客户端框架,...

    EXT支持GRID中文排序

    ### EXT支持GRID中文排序 #### 知识点详解 在前端开发中,特别是涉及到表格数据展示的应用场景下,对表格中的数据进行排序是一项常见的需求。对于包含中文字符的数据集而言,实现准确、高效的中文排序尤为关键。...

    ext 前后台数据交互

    在handler函数中,我们使用Ext.Ajax.request方法来发送请求到后台,并将后台的响应返回到前台。 三、后台控制器 在上面的代码中,我们可以看到后台控制器shenHeQuanBuTongGuoXueLiShuJv方法,该方法用于处理前台...

    Ext Grid 导出Excel

    在IT领域,特别是Web开发中,Ext Grid是一个广泛使用的组件,用于展示和管理大量数据。它提供了丰富的功能,包括排序、筛选、分页等,使得数据的交互和操作变得非常便捷。当我们需要将Ext Grid中的数据导出为Excel...

Global site tag (gtag.js) - Google Analytics