EasyUI 数据网格视图（DataGrid View）

最新推荐文章于 2022-09-28 15:36:07 发布

小七的玩偶

最新推荐文章于 2022-09-28 15:36:07 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/babyxue/article/details/71425375

版权

本文介绍了EasyUI中数据网格视图(DataGrid View)的使用，包括如何创建HTML页面和数据网格，以及数据网格的属性、事件和方法。此外，还详细讲解了数据网格的分组视图、缓存视图和虚拟滚动视图的实现步骤。

摘要由CSDN通过智能技术生成

用法

步骤 1：创建一个 HTML 页面

 
 
 
  <head>
  	<script type="text/javascript" src="datagrid-detailview.js"></script>
  </head>
  <body>
  	<table id="tt"></table>
  </body>

步骤 2：创建数据网格（DataGrid）

 
 
 
  $('#tt').datagrid({
    
  	title:'DataGrid - DetailView',
  	width:500,
  	height:250,
  	remoteSort:false,
  	singleSelect:true,
  	nowrap:false,
  	fitColumns:true,
  	url:'datagrid_data.json',
  	columns:[[
  		{
    field:'itemid',title:'Item ID',width:80},
  		{
    field:'productid',title:'Product ID',width:100,sortable:true},
  		{
    field:'listprice',title:'List Price',width:80,align:'right',sortable:true},
  		{
    field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},
  		{
    field:'attr1',title:'Attribute',width:150,sortable:true},
  		{
    field:'status',title:'Status',</