新加入了表格的日期选择功能，和单元格列表选择功能，我会继续更新加入跟多的新功能，希望大家关注支持我
//调用界面///////////////////////////////////////////
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<script language="javascript1.2" src="../../js/DatGrid.js"></script>
<script language="javascript1.2" src="../../js/setdate.js"></script>
</head>
<body>
<input type="button" onClick="InsertRow('tableId');" value="插入行">
<input type="button" onClick="DeleteRow('tableId');" value="删除尾行">
<input type="button" onClick="getData('tableId','specForm');" value="保存数据">
<input type="button" onClick="DeleteOneRow('tableId',currRowIndex)" value="删除指定行">
<input type="button" onClick="orderTB(document.getElementById('tableId'),3);" value="对指定列排序">
<script language="javascript1.2">
InitColRow(3,4); //初始化表格行列
//==========================================所有初始化数据=========================================
var head = new Array(col); //标题头数组
for(var i=0;i<head.length;i++)
var colPropertys = new Array(col) //初始化行列读些属性
for(var i=0;i colPropertys[i] = 1;
var colDefValues = new Array(col) //初始化列将要装入的默认值
for(var i=0;i colDefValues[i] = "";
var dArray = new Array(col*row); //装入修改时需要用的修改前的数据
var m=0,n=0;
for(m=0;m {
for(n=0;n {
dArray[m*col + n] ="" + m + "," + n + ""; //注意这里代表2维数组
}
}
var colOpMode = new Array(col); //列操作方式设置
colOpMode[1] = "http://localhost:8000/TaxWeb/AgreementCtrlAction.do?action=6";
colOpMode[3] = "No.do";
colOpMode[0] = "date";
//=================================================================================================
//初始化表格数据
init(head,colPropertys,colDefValues,dArray,colOpMode);
//创建表格
CreateTable('specForm','1','sub.jsp','tableId',col,row);
</script>
</body>
/////////////////////////////////////////////////////
到这里下载：http://www.iecn.net/forum/attachment.php?s=&postid=39730
</td> </tr>
<tr> <td vAlign=top align=left height="100%">
分享到：
相关推荐
可编辑的 HTML JavaScript 表格控件 DataGrid
总之，可编辑的datagrid表格控件是开发中常用的数据展示和管理工具，通过熟练掌握其使用方法，可以大大提高数据处理的便捷性和用户体验。在实际应用中，我们需要关注数据绑定、验证、事件处理、样式交互、错误处理和...
JavaScript表格控件（DataGrid）是一种允许最终用户进行数据读取和写入的组件，它广泛应用于各种数据库驱动的应用程序中。DataGrid控件的主要优点之一是它们可以快速配置，有时候无需编写大量代码即可实现复杂的表格...
在easyUI框架中，`datagrid`提供了编辑器功能来对表格中的单元格进行编辑操作。默认情况下，它支持一些基本类型的编辑器，如文本框、下拉框等。但是为了实现更加复杂的功能，我们需要自定义编辑器。自定义编辑器的...
在大多数编程语言和框架中，都有内置的表格控件库，如.NET Framework的DataGrid，Java的JTable，或是Web开发中的HTML表格和JavaScript库如jQuery DataTables。 在实现“查找结果行突出显示”这一特性时，我们首先...
在描述中提到的“下拉框联动”是指在表格的一个列中使用下拉框（ComboBox）作为编辑控件，当用户在某一列选择了一个值时，其他相关的列的下拉框选项会自动更新。这种功能常用于关联数据的选取，例如，选择一个国家后...
首先，`DataGrid` 是一个可滚动、可排序、可分页的表格控件，可以展示大量数据。它支持通过 JSON 或 XML 数据源进行数据绑定。在描述中提到的实现过程中，`DataGrid` 通常会与后端服务器进行通信，通过 AJAX 方式...
通过`editable`属性设定可编辑列，并监听`onRowClick`事件来启动编辑模式。`onBeforeEdit`, `onAfterEdit`和`onCancelEdit`等事件可以用来控制编辑过程和验证数据。 8. **撤销修改功能**： Datagrid提供了撤销修改...
它提供了丰富的组件，包括布局、表格、树形菜单、表单等，使得开发者能够快速地构建出美观且功能强大的Web应用程序。在这个主题中，我们将探讨 EasyUI 的几个核心知识点：基本布局、tree 菜单数据的绑定、DataGrid ...
Datagrid（数据网格）通常用于显示结构化的数据，如数据库表格，用户可以对其进行查看、编辑和操作。在这个特定的情况下，"可删除列"功能意味着用户在界面上可以动态地选择移除数据网格中的某一列，这为用户提供了更...
EasyUI 是一款基于 jQuery 的用户界面插件集合，它提供了丰富的 UI 控件，包括 datagrid，可以方便地构建出复杂的数据展示表格。Datagrid 是 EasyUI 中非常重要的一个组件，它支持多种显示模式和编辑功能。 #### 二...
在列定义中，我们可以指定列的标题、数据字段、是否可编辑等属性。例如： ```html columns.Bound(m => m.PropertyName).Title("列名").Width(100); ``` 对于排序，可以设置允许用户点击列头进行排序： ```html ...
Datagrid是ASP.NET中的一种常见控件，用于显示和操作表格形式的数据。它通常用于展示数据库中的记录，允许用户浏览、排序、编辑和操作数据。在传统的Datagrid中，数据的布局是静态的，但这个“可拖动的datagrid”...
Grid是一种常见的数据展示控件，通常用于显示二维表格数据，它允许用户对数据进行排序、分页和编辑。`Datagrid-filter`插件则进一步增强了Grid的功能，通过添加过滤器，使用户可以根据预定义或自定义的条件对数据...
5. 编辑：部分或全部单元格可编辑，支持添加、删除和修改记录。 6. 表头自定义：支持自定义列标题、宽度和对齐方式。 7. 固定列：允许设置某些列固定，即使滚动也能始终保持可见。 8. 内联编辑和弹出编辑：两种编辑...
在.NET MVC4框架中，DataGrid是一个常用的控件，用于展示和操作大量数据。这个控件可以帮助开发者在Web应用中创建交互式的表格，支持数据的增、删、查、改等基本操作。在这个场景中，我们将深入探讨如何在ASP.NET ...
- **简介**：DataGrid是最复杂且功能强大的控件之一，可用于创建各种样式的表格，并支持项目的选择与操作。 - **AutoGenerateColumns属性**：默认情况下设置为True，DataGrid会根据数据源的属性或字段自动生成列。 -...
DataGrid是一个强大的表格控件，它可以动态加载数据、排序、过滤、编辑和删除数据等。在DataGrid中，你可以通过配置列定义来展示不同的数据字段，并且可以设置各种样式和交互效果，如固定列、行选择、单元格编辑等。...
改（Edit）：编辑数据通常是在选定行后，将单元格变为可编辑状态，用户修改后保存。EasyUI DataGrid可以通过行双击或者单独的编辑按钮触发编辑模式。在保存时，更新后端数据库中的对应记录。 查（Query）：查询功能...