grid.reload

时间: 2023-10-25 16:35:48 浏览: 132

第35章 PropertyGrid(属性表格)组件1

PropertyGrid 是 EasyUI 框架中的一个组件，主要用于展示对象的属性，通常用于配置界面或数据编辑场景。本章将详细介绍 PropertyGrid 的加载方式、属性列表和方法列表。一、加载方式 PropertyGrid 可以通过两种方式进行加载：HTML Class 和 JavaScript。这两种方式都依赖于 JSON 数据来提供属性信息。 1. Class 加载方式：在 HTML 中，可以通过添加 class="easyui-propertygrid" 并设置 data-options 属性来初始化 PropertyGrid。例如： ```html <table id="box" class="easyui-propertygrid" style="width:300px" data-options="url:'property.json',showGroup:true"></table> ``` 这里 `url` 指定了数据来源，`showGroup` 设置为 true 显示属性分组。 2. JS 加载方式：使用 JavaScript 初始化 PropertyGrid，如下所示： ```javascript $('#box').propertygrid({ url: 'property.json', }); ``` 这同样需要提供 JSON 数据来填充属性表格。二、属性列表 PropertyGrid 扩展了 DataGrid 的属性，并增加了一些特定的选项： 1. showGroup：布尔值，定义是否显示属性分组，默认为 false。 2. groupField：字符串，定义分组的字段名，默认为 'group'。 3. groupFormatter：函数，用于自定义分组的显示格式。接收两个参数：group（分组字段值）和 rows（属于该分组的所有行）。示例： ```javascript $('#box').propertygrid({ url: 'property.json', showGroup: true, groupField: 'group', groupFormatter: function (group, rows) { return '[' + group + ']'; }, }); ``` 三、方法列表 PropertyGrid 提供了用于操作分组的方法： 1. expandGroup：展开指定分组。若不传入参数，则展开所有分组。 2. collapseGroup：折叠指定分组。若不传入参数，则折叠所有分组。例如： ```javascript // 展开所有分组 $('#box').propertygrid('expandGroup'); // 折叠指定分组，如第一个分组 $('#box').propertygrid('collapseGroup', 0); ``` 总结，PropertyGrid 是 EasyUI 中用于显示对象属性的组件，它继承并扩展了 DataGrid 的功能。加载数据可以通过 HTML Class 或 JavaScript 调用方法实现。在属性列表中，可以设置是否显示分组、分组字段以及自定义分组显示格式。而方法列表则提供了对分组展开和折叠的操作。在实际开发中，灵活运用这些特性可以创建出高效且易于管理的用户界面。

As an AI language model, I am not certain which specific technology or software you are referring to when you mention "grid". However, in general terms, "grid.reload" could refer to a command or function that reloads or refreshes data or content displayed in a grid or table format. This could be useful in situations where the data being displayed has been updated or modified and needs to be reloaded to reflect the changes.

阅读全文

grid.reload

相关推荐

dclearnjs.github.io：简洁易用的dc Learn.js源码解读

JQueryEasyUI datagrid框架快速入门与基本应用

写一个extjs6使用 Store.reload()的完整例子

EasyUI中datagrid在ie下reload失败解决方案

ext grid 动态扩展

react-dnd-grid

kendo-react-inline-grid:使用kendo grid的内联网格，更改了原始项目telerikkendo-react-redux-form以允许进行内联编辑

symbolMeServer：express项目，支持mongoose与grid-fs

generator-jeet:Jeet Grid系统的Yeoman发电机

extjs中form与grid交互数据(record)的方法

kendo-react-graphql:Kendo UI与GraphQL进行React Grid集成

telerik.ui.for.aspnet.core.2021.3.1109.commercial.rar

jqGrid.CHM.zip

grid = $("#datagrid").treegrid 子集的子集页面，怎么保存后刷新第一个页面的数据

低版本的easyui 的grid = $("#datagrid").treegrid 如何实现多层级的树形 上移、下移

低版本的easyui 的grid = $("#datagrid").treegrid 如何实现多层级的树形 上移、下移的效果

mini ui中grid 的updateRow（） 用法

jQuery Easyui DataGrid单元格编辑与自动保存

最新推荐

RHEL 7环境下19c RAC安装之udev规则配置ASM共享存储.docx

程序员必学掌握的jquery easyui程序

若依管理存在任何文件读取漏洞检测系统，渗透测试.zip

【java毕业设计】学生社团管理系统源码（完整前后端+说明文档+LW）.zip

【java毕业设计】音乐+商城的设计与实现源码（完整前后端+说明文档+LW）.zip

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析

低版本的easyui 的grid = $("#datagrid").treegrid 如何实现多层级的树形上移、下移

低版本的easyui 的grid = $("#datagrid").treegrid 如何实现多层级的树形上移、下移的效果

mini ui中grid 的updateRow（）用法