思路:通过ajax动态传JSON方式。回调FlexGrid的flexReload方式实现。
js:
$("#flexTable").flexigrid({
width: 700 ,
height: 150,
url: 'workform-function-main!getWbfDetailGridSummaryDate.action',
dataType: 'json',
colModel : [
{display: '序号', name : 'id', width : 50, sortable : true, align: 'center',hide: true,toggle : false},
{display: '工单编码', name : 'workformid', width : 80, sortable : true, align: 'center'},
{display: '节点编号', name : 'nodeid', width : 80, sortable : true, align: 'center'},
{display: '出单点名称', name : 'orderorg', width : 80, sortable : true, align: 'center'},
{display: '分配给', name : 'distribute', width : 80, sortable : true, align: 'center'},
{display: '节点状态', name : 'nodestate', width : 80, sortable : true, align: 'center'},
{display: '节点名称', name : 'nodename', width : 250, sortable : true, align: 'center'}
],
errormsg: '发生异常',
sortname: "id",
sortorder: "desc",
usepager: false,
useRp: false,
nomsg: '没有符合条件的记录存在',
minColToggle: 1, //允许显示的最小列数
showTableToggleBtn: true,
autoload: true, //自动加载,即第一次发起ajax请求
resizable: true, //table是否可伸缩
procmsg: '加载中, 请稍等 ...',
hideOnSubmit: true, //是否在回调时显示遮盖
showcheckbox: false,//是否显示第一列的checkbox(用于全选)
gridClass: "bbit-grid",//样式
rowbinddata: true,//配合上一个操作,如在双击事件中获取该行的数据
striped:false,
blockOpacity: 0.5//透明度设置
});
function gridFlash(){
var params = {'username':$("#username").val()};
$.post(
"workform-main!getData.action",
params,
function(){
$("#flexTable").flexReload();
}
);
}
分享到:
相关推荐
- FlexGrid 支持动态数据绑定,可以将数据源(如 JSON 对象或数据库)与表格直接关联。开发者需要掌握如何使用 AJAX 或其他数据获取技术(如 Fetch API)来获取并绑定数据。 4. **列定义和自定义**: - 开发者...
本文将深入探讨如何在视图窗口中动态创建ActiveX控件FlexGrid,这是一种常用的多行多列数据显示控件,常用于数据网格的显示和编辑。 一、ActiveX控件简介 ActiveX控件是Microsoft提出的一种组件技术,它基于OLE...
3. **排序和过滤**:展示如何添加排序和过滤功能,让用户可以根据需求动态调整数据展示。 4. **导入/导出数据**:实例化如何将表格数据导出为CSV或Excel文件,以及从外部文件导入数据到表格中。 5. **响应式布局**...
C1FlexGrid是一款在WinForms平台中广泛使用的网格控件,本教程将详细介绍其在.NET应用程序中的应用,包括但不限于基本设置、设计时支持、数据处理、格式设定、编辑操作、数据展示、数据过滤、打印等多个方面。...
flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use flexgrid use
Flexgrid不仅支持静态布局,还允许动态调整大小和行列数量,从而实现高度可定制的数据展示。 2. **安装与引用** 要在项目中使用Flexgrid,首先需要下载并安装相关的库,例如ComponentOne的FlexGrid for .NET。安装...
VC 在窗口中动态创建FlexGrid ActiveX控件,本例是一个日常消费情况的记录程序为例,在窗口视图中动态创建FlexGrid网格控件,在代码中可设置FlexGrid行列的宽度和高度,若鼠标单击或停留在了当前行,会改变当前表格行...
在提供的压缩包中,"DLL工具.exe"可能是一个用于操作动态链接库(DLL)的实用工具,帮助开发者管理和修复与C1FlexGrid相关的DLL依赖问题。"DLL之家.htm"可能是关于DLL文件的一份文档或教程,提供DLL相关的知识和使用...
在本实例中,我们看到的是一个没有连接到外部数据库的网格,这意味着数据是在程序运行时动态创建或加载的,这通常是为了教学目的或者在不需要实时更新的场景下使用。 添加、删除和修改操作是FlexGrid的重要功能。在...
C1FlexGrid控件是Windows Forms应用程序中一个强大的表格控件,由ComponentOne公司开发,提供了比.NET Framework自带的DataGridView更多的功能和灵活性。在Visual Studio 2005环境下,开发者常常选择C1FlexGrid来...
C1FlexGrid控件是ComponentOne Studio for .NET中的一款强大的网格控件,它提供了丰富的功能,包括在单元格中创建超链接。超链接在数据展示中非常常见,用于导航到其他页面或执行特定操作。以下是如何在C1FlexGrid...
FlexGrid 是一款强大的数据网格控件,常用于开发Windows Forms应用程序。它提供了丰富的功能,使得在用户界面中显示、编辑和操作大量数据变得简单而高效。这个“好用的flexgrid”很可能指的是它在易用性、性能和灵活...
FlexGrid 是一个强大的 jQuery 插件,用于创建灵活、可自定义的数据网格。这个"flexgrid demo"提供了演示和源代码,帮助开发者更好地理解和应用这个工具。在本文中,我们将深入探讨 FlexGrid 的核心功能、如何使用它...
C1控件是一组丰富的用于.NET开发的用户界面控件,其中C1FlexGrid是C1控件集合中的一个强大的网格控件。它提供了一系列高级功能,如数据绑定、编辑、自定义、汇总、过滤、打印等,适用于在Windows Forms平台上的数据...
FlexGrid控件是Windows Forms和WPF开发中常用的一个组件,尤其在数据展示和编辑方面具有广泛的应用。它以其灵活性和强大的功能而受到开发者青睐。本文将深入探讨如何在FlexGrid中实现自定义列标题,以提升用户界面的...
FlexGrid表格控件是开发Web应用时常用的组件之一,尤其在Java JSP(JavaServer Pages)环境中,它能提供强大的数据展示和操作功能。在本案例中,我们讨论的是一个针对JSP定制优化的FlexGrid版本,具备良好的界面美观...
FlexGrid控件是Windows Forms应用程序中常用的一种网格控件,它允许开发者以表格形式展示数据,并提供了丰富的功能和自定义选项。"flexgrid滚轮示例"是指在使用FlexGrid时,通过鼠标滚轮实现网格内容的滚动效果。在...
C1FlexGrid是一款强大的.NET控件,主要用于在Windows Forms应用程序中显示网格数据。它由ComponentOne公司开发,提供了丰富的功能,包括数据绑定、排序、过滤、分页等。本话题聚焦于C1FlexGrid的一个高级特性——...