我也遇到类似问题 我是这样解决的
$('#maintable')datagrid({ url:"datagrid_dataphp",queryParams:{pageNumber:pageNumber1,pageSize:pageSize1 },method:"post"});
因为我们平时写html页面,有很多窗口和数据表格的样式都大致相同,所以一些css样式都是通用的,所以easyUI就将这些通用的样式,通过js来动态的生成一些,窗口和数据表格;比如你要写个窗口,你先引入EasyUI中的js文件,在页面中只需要写一个
<script>
$('#p')panel({
width:500,
height:150,
title: 'My Panel',
)}
<script>
这样写就可以动态的创建一个窗口,不需要你自己手动写什么<div>标签和样式。
望采纳!
easyui自带有 loadData 方法,下面有两种加载数据方法:
<table id="tt" border="false" fit="true" fitcolumns="true" iconcls="icon-edit" singleselect="true"></table>
function strToJson(str) {
var json = eval('(' + str + ')');
return json;
}
1加载静态数据方法
var htmls = "[{'ID':'FI-SW-01','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-02','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-03','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-04','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'},{'ID':'FI-SW-05','aname':1000,'mname':'P','uname':3650,'pname':'Large','pcode':'EST-1'}]";
$('#tt')datagrid('loadData', strToJson(htmls));
2ajax动态加载数据方法(支持后台数据库)
$ajax({
url: "/index/index",
data: { id: 1, code: "101" },
datatype: "json",
type: "POST",
traditional: true,
success: function(data) {
$('#tt')datagrid('loadData', strToJson(data));
}
})
返回的data数据格式为方法1中的htmls字符串格式。
数据表格属性(easyui getchanges
)
属性继承控制面板,以下是数据表格独有的属性。
columns array 数据表格列配置对象,查看列属性以获取更多细节。 undefined
frozenColumns array 跟列属性一样,但是这些列固定在左边,不会滚动。 undefined
fitColumns boolean 设置为true将自动使列适应表格宽度以防止出现水平滚动。 false
autoRowHeight boolean 定义设置行的高度,根据该行的内容。设置为false可以提高负载性能。 true
以上就是关于jquery easyui datagrid reload 不能及时刷新问题全部的内容,包括:jquery easyui datagrid reload 不能及时刷新问题、easyui的功能、easyui是怎么获取数据库数据的等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)