`
stworthy
  • 浏览: 526124 次
  • 来自: ...
社区版块
存档分类
最新评论

在EasyUI中创建分组属性编辑器

阅读更多

属性编辑器propertygrid支持分组显示,创建的时候可以直接在<table>中定义,不用写JS代码。如下所示:

<table class="easyui-propertygrid" style="width:300px"
            url="propertygrid_data.json"
            showGroup="true" scrollbarSize="0"
        ></table>

可以看到,创建propertygrid的过程同创建datagrid的过程类似。

显示的效果图如下:

 

原文及下载地址:http://jquery-easyui.wikidot.com/tutorial:datagrid20

分享到:
评论
3 楼 stworthy 2011-08-22  
propertygrid 继承 datagrid,其用法同datagrid。
2 楼 gaoyuanyuan121 2011-08-21  
请问下楼主啊,不用JSON数据源如何用呢?
1 楼 laijavatoo 2011-07-19  
属性表什么时候增加新增功能?

相关推荐

    easyui DataGrid 数据表格 属性

    在 EasyUI 的 DataGrid 中,以下几个关键属性是尤为重要的: 1. **title**:定义 DataGrid 的标题,可以通过这个属性设置表格上方的显示文字。 2. **idField**:指定数据中用于唯一标识每一行的字段名,这对于数据...

    EasyUI 创建展开行明细编辑表单的 CRUD 应用

    在这个“EasyUI 创建展开行明细编辑表单的 CRUD 应用”中,我们将深入探讨如何利用 EasyUI 实现数据的创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作,并且在表格中展开行来显示和编辑明细信息...

    easyui datagrid 自定义编辑器 colorpickerEditor

    在本文中,我们将深入探讨如何在EasyUI的DataGrid中创建自定义编辑器,特别是`colorpickerEditor`,用于在行内编辑时选择颜色。EasyUI是一个基于jQuery的UI库,它提供了丰富的组件,如DataGrid,使得网页开发更加...

    SpringMVC+mybatis+easyui+百度富文本编辑器+easyui三级弹窗+shiro权限框架

    在EasyUI中,可以利用对话框(dialog)组件实现多级弹窗效果。三级弹窗意味着在一个对话框内打开另一个对话框,然后再打开第三个,通常用于展示层次结构的数据或执行多步骤的操作。这种方式可以更好地组织信息,提高...

    EasyUI tutorial 中文版 chm

    使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用...

    关于easyui属性的汇总

    在标题和描述中提到的EasyUI属性,主要集中在两个主要的组件:`easyui-window` 和 `easyui-panel`。这两个组件都是构建用户界面的关键元素,各有其独特的功能和属性。 1. **easyui-window**: - `modal`: 模态窗口...

    easyui datagrid在编辑状态下更新列的值

    在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地修改列的值,以及确保在编辑结束后,保存的数据反映这些变更。以下将详细介绍这一过程。 首先,EasyUI的...

    SpringMVC +easyui+百度富文本编辑器+easyui三级弹窗+shiro权限框架

    本项目结合了SpringMVC、EasyUI、百度富文本编辑器以及EasyUI的三级弹窗功能,并利用Shiro进行权限管理,创建了一个功能完善的系统框架。下面将详细介绍这些技术及其在项目中的应用。 **SpringMVC** SpringMVC是...

    easyui实现Activiti web 工作流在线编辑器

    4. **Web流程设计器**:在线流程设计器使得用户无需安装任何软件,即可在浏览器中创建和编辑流程。这对于远程团队协作和流程管理尤其有用。 5. **JavaScript重构**:重构代码是为了提高其质量,包括可读性、可维护...

    easyui中文API 绝对的中文

    例如,当创建一个`dialog`时,可以设置`title`、`width`、`height`等属性,还可以监听`open`、`close`等事件来实现自定义行为。 总的来说,EasyUI中文API为开发者提供了一个全面的指南,帮助他们更高效地使用EasyUI...

    easyUI行内可编辑

    在 EasyUI 中,实现行内编辑通常涉及到以下几个关键知识点: 1. **表格(Grid)组件**:EasyUI 的表格组件可以展示大量数据,并支持分页、排序、过滤等功能。在创建表格时,我们需要定义列(columns)和数据源...

    EasyUI 中文API下载无需安装

    这将极大地节省开发者的时间,避免了安装过程中的各种潜在问题,使得开发者能够迅速查找和理解EasyUI的各种方法、属性和事件,从而提高开发效率。 在实际开发中,利用EasyUI的API,开发者可以: - 创建和配置各种...

    easyui中文API

    easyui中文API

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    标题 "EasyUI可扩展Editable DataGrid(可编辑数据表格)" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了一系列预定义的CSS样式和...

    EasyUI分页,编辑

    2. 在 HTML 中创建分页容器,并设置相关属性,如 `total`(总条数)、`pageSize`(每页显示数量)等。 3. 初始化分页组件,通常在文档加载完成后执行。 4. 配合表格组件(datagrid)使用,根据分页信息向服务器发送...

    easyui datagrid扩展之拾色器

    2. **创建ComboBox**:ComboBox是EasyUI中的一个下拉选择框组件,我们可以将它与Canvas结合,形成一个颜色条。在ComboBox的下拉选项中,我们需要生成一系列预设颜色,用户可以通过点击选择。 3. **利用HTML5 Canvas...

    EasyUI中的dataGrid的行内编辑

    在EasyUI中的DataGrid组件中,行内编辑功能的实现思路主要是通过editor属性和beginEdit方法来实现的。editor属性用于定义编辑器的类型和选项,而beginEdit方法则用于开启编辑状态。在实现行内编辑功能时,我们需要...

    easyui 属性总结

    easyui 的属性总结,全面,易懂。几乎包含所有easyui的属性。

    easyui 日期选择器

    除了配置选项,EasyUI 日期选择器还提供了一些API方法,例如`open()`、`close()`、`setValue(date)`、`getValue()`等,允许在代码中控制日期选择器的状态和获取用户选择的值。 ### 8. 与后端数据交互 在实际应用中...

Global site tag (gtag.js) - Google Analytics