easyui datagrid 经验

datagrid

1、在复制行的时候,tb.datagrid(‘appendRow‘)的时候,不能直接拿要复制的row。而要把要复制的的列挨个写出来。

否则会出现复制行之后改动了,但提交的时候依然是没改之前的数据。

function copyDeviceRow() {
		var tb = $('#device_grid');

		if(nowClickDeviceIdx < 0){
			$.messager.alert('信息提示', '请选择一条记录!', 'warning');
			return;
		}
	  tb.datagrid('endEdit', nowClickDeviceIdx);
	  tb.datagrid('appendRow', {purchaseType:lastDeviceRowData.purchaseType,equipmentType:lastDeviceRowData.equipmentType,productType:lastDeviceRowData.productType,productName:lastDeviceRowData.productName,
		  materialCode:lastDeviceRowData.materialCode,productModel:lastDeviceRowData.productModel,productDepict:lastDeviceRowData.productDepict,
		  productUnit:lastDeviceRowData.productUnit,number:lastDeviceRowData.number,memo:lastDeviceRowData.memo});
	}

2、datagrid,的属性里面如果加了idField,那么行前面复选框选择多个后,实际选择的为第一个后面的都没有选中。

function loadPrefectureDataGrid() {
	$("#prefectureDataGrid").datagrid({
						url : 'getPrefecturetasking.action',
						fit : true,
						method : "post",
						//idField : "id",  //千万不要用这个属性,否则复选框将只能选择一行
						striped : true,
						rownumbers : true,
						border : true,
						remoteSort : false,
						selectOnCheck : true,
						toolbar : "#toolbar",
						pagination : true,
						pageList : [ 10 ],

时间: 2024-11-08 05:48:37

easyui datagrid 经验的相关文章

DataTables VS EasyUI DataGrid 基础应用 转

DataTables中文网推出了 第一篇 关于DataTables和其他表格插件比较后,为了把让这个比较更有意义,更能帮助到大家,DataTables中文网 做了问卷调查,根据小伙伴们的填写我归纳了一下,一个表格插件关注点在以下三个部分基础.高级的和进阶: 基础 排序 分页 搜索 美观 合理的配置 高级 单击和双击行事 选择高亮显示 增删改查 列宽拖动 数据导出 添加序号 进阶 支持的数据类型 行内编辑 合并单元格 自定义表头 高扩展性 易用的API 模块化 所以根据以上列出的这些功能点,Dat

JQuery easyUi datagrid 中 editor 动态设置最大值最小值

前言 近来项目中使用到 easyui 来进行页面设计,感觉挺方便的,但是网上除了api外,其他有价值的资料比较少,故在此分享一点经验,供大家参考. 问题 JQuery easyUi datagrid 可编辑行的editor属性具有 min 和 max 属性,设置可以输入的最大值和最小值,但是这个是固定的,如下: [html] view plain copy {field:'workRate',title:'<%/*填报*/%><bean:message key="task.wo

JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据.此处,我们使用Struts2框架整合DataGrid,实现数据的显示. 一.页面内容 为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF

初识 easyui datagrid

首先应该下载好easyui datagrid所用的各种js 和css 这个可以到官网上去下载. 首先要引入datagrid所引入的js和css. <script src="js/jquery.min.js"></script><script src="js/jquery.easyui.min.js"></script><link rel="stylesheet" type="text

easyui datagrid 批量编辑和提交

前台主要代码: <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700, height : 250, columns : [ [ { field : 'code', title : 'Code', width : 100, editor : "vali

jquery easyui datagrid 排序列

点击排序列,将获取参数有:page=1&rows=10&sort=UserName&order=desc c#后台获取sort跟order参数 string sortColumn = Request.Params["sort"].ToString(); string order = Request.Params["order"].ToString(); jquery easyui datagrid 排序列,布布扣,bubuko.com

easyui datagrid行合并

easyui datagrid行合并 合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * 参数 colList 要合并的列,用逗号分隔(例如:"name,department,office"); */ function mergeCellsByField(tableID, colList) { var ColArray = colList.split(","); var tTable =

EasyUI DataGrid 编辑单元格

之前文章 EasyUI DataGrid可编辑单元格实现可编辑单元格,如果有多列都需要可编辑 当点击一个单元格 则此整行都会进行编辑 如下图: 现改为单击某个单元格只对此单元格进行可编辑 <TABLE>标记添加 onClickCell <table id="dg" class="easyui-datagrid" data-options="onClickCell: onClickCell"> 需要进行编辑的列上添加 edi

easyUI datagrid笔记

easyUI datagrid 简单使用与注意细节 背景: 业余爱好,使用了一下easyUI的搜索框与数据表格,并把两者整合起来进行使用. 使用前提(引入需要的js and css): <link rel="stylesheet" type="text/css" href="./css/easyui.css"> <link rel="stylesheet" type="text/css"