`

DataGrid 显示明细数据

 
阅读更多
 view: detailview,//注意1  
 detailFormatter:function(index,row){//注意2  
         return '<div style="padding:2px"><table id="ddv-' + index + '"></table></div>';  
 },
onExpandRow: function(index,row){  //注意3  
	$('#ddv-'+index).datagrid({  
	url:getContextPath()+'/dispatch/dispatch_queryByDispatchId.action?data='+row.id,
	fitColumns:true,  
	singleSelect:true,  
	rownumbers:true,  
	loadMsg:'',  
	height:'auto',  
	columns:[[  
	{title : 'ID',field : 'id',hidden:true},
	{title:'订单号',field:'orderNo'},
	{title : '订单状态',field :'orderState',formatter:formatOrderState},
	{title : '车数',field : 'carNum'},
	{title : '下单时间',field : 'orderTime'},
	{title : '始发站',field : 'originStop'},
	{title : '目的站',field : 'destination'},
	{title : '要求发车时间',field : 'requreDepatrueTime'},
	{title : '下单网点',field : 'orderDepartment',formatter:formatOrderDepartment},
	{title : '创建人',field : 'createUser'},
	{title : '创建时间',field : 'createTime'},
	{title : '修改人',field : 'updateUser'},
	{title : '最后修改时间',field : 'updateTime'}
	]],  
       onResize:function(){  //注意点4  设置onResize onLoadSuccess 是为了调整展开页面的布局
	$('#dispatchGrid').datagrid('fixDetailRowHeight',index);  
        },  
	onLoadSuccess:function(){  
	    setTimeout(function(){  
	        $('#dispatchGrid').datagrid('fixDetailRowHeight',index);  
		},0);
         } 
      });
     }
  });

    注:1.onExpandRow 下面也可以是panel

     2.除了基本要引入的js,还需要引入datagrid-detailview.js

     3.$('#ddv-'+index) 是对应的<table id="ddv-' + index + '"></table>的id

分享到:
评论

相关推荐

    silverlight DataGrid 行内添加明细行明细表

    主DataGrid可以绑定到包含主记录集合的对象,而明细DataGrid则绑定到主记录中的一个集合属性,通常是用以表示明细数据的列表。 4. 使用ItemContainerGenerator和ContainerFromItem方法,我们可以获取到当前选中行的...

    使用DataGrid完成一个行级数据折叠收缩展示的功能

    1. **定义数据模型**:创建一个数据类,包含汇总数据和明细数据。例如,我们可以有一个Order类,包含OrderID、TotalAmount等汇总信息,以及一个OrdersDetails属性,存储OrderDetail对象的集合。 2. **数据模板**:...

    Flex4.5之DataGrid表格组件的运用.pdf

    例如在用户信息管理、账目明细展示、数据统计等场景中,DataGrid都能提供一种直观且有序的方式来呈现数据。 #### 16.2 DataGrid的简单运用 为了更好地理解和运用DataGrid组件,本章节将通过一个简单的实例来详细...

    DataTable,DataView和DataGrid中一些容易混淆的概念.pdf

    `DataGrid`是一种用于在Windows Forms应用程序中显示数据的控件。它可以绑定到`DataTable`或`DataView`等数据源,以表格形式展示数据,并支持编辑、排序、筛选等功能。`DataGrid`的使用简化了数据的可视化和交互,是...

    DataGirdView同一列下拉框每一行显示不同的内容

    在.NET框架中,`DataGridView`控件是一种常用的数据展示工具,它可以用来显示表格形式的数据。在某些场景下,我们可能需要在某一列中使用下拉框(ComboBox)来提供用户选择,而每个下拉框的选项又需要根据所在行的...

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

    `onExpandRow` 事件则在行展开时触发,可以用来进一步初始化或加载明细数据。同时,确保在收起行时清理相关资源。 6. **服务器端交互**: EasyUI 使用 AJAX 进行前后端交互,通常采用 JSON 格式传递数据。你需要在...

    WPF做的股票行情浏览

    ListView或DataGrid控件可以通过数据绑定直接显示这个集合中的数据。同时,为了处理各种显示问题,如数据格式化、异常值处理、数据刷新频率等,我们需要在视图模型中编写相应的逻辑。 此外,`Stockinfo.exe`很可能...

    用友uap开发nc65向导主子表单据详细步骤

    - 子表的数据显示通常以网格形式呈现,可以使用数据绑定控件如DataGrid进行配置。 3. **主子表关联** - 在主表表单中,添加子表的显示区域,可以通过“子表”控件来实现。 - 配置子表控件,设置其数据源为子表表...

    Grid++Report

    - **报表动态数据**:解释如何用代码提供参数化数据、明细数据,以及分批提供明细数据等。 - **部件框应用**:介绍如何在报表中使用图像、综合文字框、RTF文本框等。 - **图表应用**:支持图表展示,包括图表概述、...

    VB毕业设计 - VB水费管理系统设计与实现(源代码+系统).zip

    窗体中可以包含各种控件,如Label用于显示提示信息,TextBox用于输入数据,Button用于触发事件,ListView或DataGrid用于展示数据列表。 5. **错误处理与调试**:在VB程序中,使用On Error语句进行异常处理,确保...

    vb连接数据库

    `dbGrid_CurrentCellChanged`事件处理程序则在当前单元格改变时移除显示明细的子网格,而`dbGrid_DoubleClick`事件处理程序则处理双击事件,展示选定订单的详细信息。 此外,代码中还涉及到一些其他知识点,如`...

    jQuery EasyUI

    - **创建展开行明细编辑表单的 CRUD 应用**:在数据网格中可以实现对某一行数据进行详细的查看和编辑。 - **创建 RSS Feed 阅读器**:RSS 是一种用于分享新闻和其他内容的格式,EasyUI 支持创建 RSS 阅读器。 **2...

    Visual C++程序开发范例宝典(光盘) 第四部分

    实例072 利用RichEdit控件显示图文数据 2.8 图形类控件典型实例 实例073 图文数据录入 实例074 带有滚动条的图形控件 2.9 滚动条控件典型实例 实例075 自定义滚动条控件 2.10 控件数组典型实例 实例076 向...

    Visual C++程序开发范例宝典(光盘) 第八部分

    实例072 利用RichEdit控件显示图文数据 2.8 图形类控件典型实例 实例073 图文数据录入 实例074 带有滚动条的图形控件 2.9 滚动条控件典型实例 实例075 自定义滚动条控件 2.10 控件数组典型实例 实例076 向...

    flex3的cookbook书籍完整版dpf(包含目录)

    过滤DataGrid数据项 6.5节. 为AdvancedDataGrid创建自定义表头 6.6节. 处理DataGrid/AdvancedDataGrid相关事件 6.7节.AdvancedDataGrid数据项选择 6.8节. 启动DataGrid拖拽功能 6.9节. 编辑DataGrid数据项 6.10节. ...

    ASP.net技术内幕

    10.3.1 创建单页面的主/明细表单 10.3.2 创建多页面的主/明细表单 10.4 小结 &lt;br/&gt;第11章 使用DataList和DataGrid控件 &lt;br/&gt;11.1 DataList和DataGrid控件概述 11.1.1 理解事件冒泡...

    Visual C++ 程序开发范例宝典 源码 光盘 part2

    cc实例243 如何随机显示记录 9.3 查询前若干名数据 cc实例244 查询前10名数据 cc实例245 取出数据统计结果前3名数据 9.4 周期.c日期查询 cc实例246 查询指定日期的数据 cc实例247 查询指定时间段的数据...

Global site tag (gtag.js) - Google Analytics