`
姜中秋
  • 浏览: 88709 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

Ext propertygrid用法

 
阅读更多
var propertyGrid = new Ext.grid.PropertyGrid({
    title: '员工属性表格', 
        width: 300, 
        height: 200, 
        frame: true, 
        source: { 
             "员工名称": '张三', 
             "出生日期": new Date(1978, 01, 02), 
             "性别": '男', 
             "是否已婚": true, 
             "年龄": 31 
        },
        listeners: {
        beforeedit: function(e){ 
            e.cancel = true; 
            return false; 
           }
        },
        renderTo:"grid-ct"
})

其中监听事件是防止单元格被编辑


分享到:
评论

相关推荐

    ExtJS PropertyGrid中使用Combobox选择值问题

    一种解决方法是通过监听PropertyGrid的`beforepropertychange`事件,在这个事件中进行处理。 `beforepropertychange`事件在用户尝试修改属性值之前触发,我们可以在这个时机拦截该事件,将 Combobox 选择的 ...

    ext grid数据绑定

    EXT Grid通常使用Store对象来处理数据模型,Store可以连接到各种数据源,如JSON、XML或者远程API,通过Ajax请求加载数据。 1. 数据绑定(Data Binding): 数据绑定是EXT Grid的核心特性之一,它允许Grid与数据源...

    ExtJs扩展之GroupPropertyGrid代码

    在原生的PropertyGrid中,由于PropertyRecord缺乏分组字段,PropertyStore未使用支持分组的Ext.data.GroupingStore,因此无法实现属性的分组显示。为解决这个问题,我们需要对这些组件进行扩展和修改。 首先,我们...

    Ext官方中文教程(可打包下载)

    入门 EXT简介 Ext 2简述 EXT新手建议 怎么轻松地进入Ext的世界? 从零开始Ext 设置基础页 Javascript中的作用域(scope)是什么?(一) Javascript中的作用域(scope)是什么?...采用JsonStore的PropertyGrid 关联事件

    Ext Js权威指南(.zip.001

    6.1.8 ext.domquery的使用方法 / 249 6.1.9 ext js选择器的总结 / 252 6.2 获取单一元素:ext.dom.element / 252 6.2.1 从错误开始 / 252 6.2.2 使用ext.get获取元素 / 253 6.2.3 使用ext.fly获取元素 / 256 ...

    精通JS脚本之ExtJS框架.part1.rar

    6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...

    Ext学习笔记-个人版.doc

    在Ext中,属性表格通常使用`PropertyGrid`实现,它可以展示数据的键值对,方便用户查看和编辑。界面布局可以通过`BorderLayout`来实现,该布局将界面划分为北(north)、南(south)、东(east)、西(west)和中心(center)...

    Ext20110222

    - 第二个选项卡展示了一个 Property Grid(属性网格),用于展示对象的属性信息。 #### West 区域 - **宽度**:200 像素 - **最小宽度**:175 像素 - **最大宽度**:400 像素 - **可折叠**:支持通过拖拽调整大小 ...

    精通JS脚本之ExtJS框架.part2.rar

    6.3 元素常见的使用方法 6.3.1 常见的“显示/隐藏”方法 6.3.2 常见的“内容控制”方法 6.3.3 常见的“操控DOM”方法 6.3.4 常见的“尺寸大小/定位”方法 6.3.5 常见的“特效动画”方法 6.3.6 DomHelper简介 ...

    EXT WebUi标签库使用说明

    ### EXT WebUi标签库使用说明 #### 知识点概览 本文档旨在提供EXT WebUi标签库的全面使用指南,适用于希望简化前端页面...通过理解这些标签的功能和使用方法,可以显著提高开发效率,同时保持界面的一致性和专业性。

    ExtJs表格grid中文排序函数方法

    var grid = Ext.create('Ext.grid.Panel',{ store:store, columns:[ {header:'编号',dataIndex:'id',width:100 }, {header:'名称',dataIndex:'name',width:100}, {header:'描述',dataIndex:'descn',width:100} ...

    ExtJs组件类的对应表

    12. **`propertygrid`** - `Ext.grid.PropertyGrid`,属性表格组件,用于展示对象的属性。 13. **`editor`** - `Ext.Editor`,编辑器组件,用于创建可编辑的字段或区域。 14. **`dataview`** - `Ext.DataView`,...

    Extjs xtype集合

    - **`Class`**: `Ext.grid.PropertyGrid` - **描述**: 用于展示属性的表格,适用于配置或查看对象属性。 13. **`editor`:** - **`xtype`**: `editor` - **`Class`**: `Ext.Editor` - **描述**: 编辑器组件,...

    学习ExtJS Panel常用方法

    - `propertygrid`: `Ext.grid.PropertyGrid` - `slider`: `Ext.Slider` - `spacer`: `Ext.Spacer` - `splitbutton`: `Ext.SplitButton` - `tabpanel`: `Ext.TabPanel` - `treepanel`: `Ext.tree.TreePanel` -...

    extjs 项目整理

    - **PropertyGrid**: 属性表格。 - **Editor**: 编辑器。 - **DataView**: 数据显示视图。 - **ListView**: 列表视图。 - **工具栏组件**: - **Paging**: 分页工具条。 - **Toolbar**: 工具栏。 - **Toolbar....

Global site tag (gtag.js) - Google Analytics