easyUI中的datagrid

datagrid比较容易出错的地方,总结一下,大家可以少走弯路,也避免自己以后再犯。

1、两个属性,pageSize、pageList,其中pageSize一定要在pageList定义内,不然就报错

2、重新load的时候,传入的参数一定要为json,而且之前的queryparam中的数据不会带入

function doSearch(obj, cls, datagridId) {
	var data = $(obj).parent().find("fieldset").serializeArray();
	var test = "{";
	test += data.map(function(obj) {
		return obj.name + ":" + "'" + obj.value + "'";
	});
	test += ", cls:'" + cls + "'";
	test += "}";
	// 转换成json对象,fuck
	test = eval("(" + test + ")");
	$("#" + datagridId).datagrid('load', test);
}

之前我只是简单的拼凑了字符串,发现请求发送的字符串变成了一个字符一个字符的发

3、自己的前端水平有待加强!

easyUI中的datagrid

时间: 2024-12-19 01:40:27

easyUI中的datagrid的相关文章

(转帖)关于easyui中的datagrid在加载数据时候报错:无法获取属性"Length"的值,对象为null或未定义

结贴说明: 很感谢sp1234等人的热心帮忙和提醒,现在我主要说明下问题所在: 首先我在独立的js文件中,直接把测试数据loaddata进去datagrid是没有问题的.var kk = {"total":2,"rows":[{"INSTANCE_ID":"BI00000011","BUSINESS_NAME":"专项检查文档资料报送","INSTANCE_STATUS&quo

easyui中的datagrid的数据加载的问题

我们在第一次使用easyui的datagrid的url加载所需的数据时,如果第二次加载数据我们使用的不是ulr而是数据返回结果进行加载的时候$("#div").datagird('loadData',data)就如同这样,我们是不能将最新的数据加载上的,表单加载的数据仍然是原来的数据,因为url还是原来的url,datagrid会按照原来的数据进行加载,这时候我们如果想要加载数据的时候可以使用$("#div").datagrid({url,"",

怎么给easyui中的datagrid加水平滚动条

注意如下几个点就行: 1.数据网格(DataGrid)所在的table属性上级div无需设置width: 2..datagrid属性:fitColumns为false 或者不填 3.在style中给.datagrid-body设置 overflow:auto; <style> .datagrid-body{ overflow:auto; } .datagrid-header-row > td { border-bottom: 1px solid #DFDFDF !important; }

jQuery easyui中获取datagrid某一列的值之和

我想实现的功能就是加载datagrid之和能够计算出某一列的值之和,删除某一行数据的时候会从总数里面减去这列这行的数据,新增一条记录的时候也会把这个数据加在总数上面..说起来不知道能不能被人理解... 求大神帮忙.. 下面是部分代码.. 有些代码已经省略了..  怎么获取“我是那个数”的所有列的值的和呢?? 和删除增加那列数据呢 $(function() {$('#content').datagrid( {toolbar : [ {text : '新增',iconCls : 'icon-add'

EasyUI中修改DataGrid的单元格显示内容

自定义的单元格数据显示,以实现如下效果为例 使用列属性的formatter属性即可修改,示例如下 $("#roleList").datagrid({     url : "${pageContext.request.contextPath}/role/list",     columns : [[{         field : "id",         checkbox : true     }, {         field : &qu

EasyUI中对datagrid的扩展方法

以下是给datagrid扩展一个方法的demo 1.给datagrid添加一个属性 $.extend($.fn.datagrid.defaults, { demo: "demo1" }); 2.给datagrid添加一个方法 $.extend($.fn.datagrid.methods, { test1: function (jq, param) { alert(“ok”); } }); 3.调用方法 $('#dg').datagrid('options').demo;//这里取新加的

easyUI中datagrid的使用

easyUI中的datagrid数据表格经常被用到,结合项目中的使用情况,总结一下datagrid使用中需要注意的一些问题.使用datagrid展示数据,需要在html.css.js中都要编写代码,html中主要是确定datagrid在网页中的位置,css来设置datagrid的样式,js填充datagrid数据. 一 html部分 示例代码如下: <div class="columntablebox" > <table id="columnTable&qu

SpringMVC+easyUI中datagrid分页实现_2014.5.1

一.概述 SpringMVC: 1.是面对方法级变量的,在操作起来会比struts方便一些(structs是类级变量),具体体现在了srpingMVC的注解上面, 如@RequstMapping("/login"),而且对于返回值ModelAndView这也是一大亮点,既可以返回一个页面(View),再加上@ResponseBody注解以后就可以返回一个      模型对象(也就是一种数据结构). 2.对于方法级传入的参数操作起来也相当方便,比如本例中,在加载DataGrid时,会像后

利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能

我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序 HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据,难免会含有方便操作的 主键ID这列的记录.现在项目需要在easyUI的DataGrid中显示的数据能全部导出Excel,包括DataGrid中的中文标题,其他的统统不 要. 完成该功能所需的工具和环境:Newtonsoft.Json序列化和反序列化类库.easyUI前端UI框架.HttpHandl