返回首页
坑
改过配置项如 $("#id").treegrid("options").url=new address(新地址)
数据本地加载
$.post("/Solution/GetEntryData",param,function(result){
$("#id").treegrid('loadData',{total:3,rows:[{}]})
})
应把url中地址重置为空，否则这样向后台发送两个请求
坑
datagrid,treegrid这类如使用_parentId时，注意大小写尤其是i
知识点
给treegrid动态加子项时，可以使用onBeforExpand 事件，修改$("#id").treegrid("options").url=地址
如果没有子项，则改地址后自动请求后台，只返回加载的子项数据即可，设置好_parentId 就自动挂到父项下了，不用写treegrid('reload') 注意！
知识点
获取当前选择的tab名称
<![CDATA[var currTab =$('#tabs').tabs('getSelected');
currTab.panel('options').title;
]]>
坑
datagrid ,treegrid 的表头是不能tooltip的
知识点
tooltip的使用方式
1.最简单是在a,div,span等标签内，class加上easyui-tooltip 然后title中填写需要提示的文字
2.编程方式 給标签加tooltip
<![CDATA[
<div style="padding:10px 200px">
<div id="mydiv" class="easyui-panel" style="width:100px;padding:5px">Hello World</div>
</div>
$('#mydiv').tooltip({
position: 'bottom',
content: '<span style="color:#fff">This is the tooltip message.</span>',
onShow: function () {
$(this).tooltip('tip').css({
backgroundColor: '#666',
borderColor: '#666'
});
}
});
]]>
坑
treegrid 的onloadSuccess事件参数
row, data两个参数
row是null根节点为null，子节点不是；data是getdata获取的数据是一样的
坑
layout 布局问题
1.region 只能有一个不能重复 重复的第二个无法显示
2.fit:true 是自适应父级窗口 当有多个region并列时，不能都用fit:true 否则一个就填满了整个窗口了 只能一个用true 其他的应该在style里指定宽高
3.最外层的class=easyui-layout 内层data-options
4.easyui-layout层 和 region 层中间不能再加空div 否则显示不出来
5.获取div中options的值 $('#my').panel('options').border
坑
layout 早期版本1.3.1布局问题
在一个class=easyui-layout的div里 必须存在至少一个data-options中region为center的div 这是1.3.1的bug 在1.7中不存在这个问题了
坑
datagrid treegrid加载多次问题
1.定义了多次(较少)
2.调用了多次 e.g $("#treegrid").treegrid({}) 后面又写了类似的调用$("#treegrid").treegrid({})
坑
datagrid treegrid 动态列或动态增加列时
不能使用$("#table").treegrid('options').columns=[[]] 这种赋值
只能用$("#table").treegrid({ columns: treegridColumns}) 这样赋值
知识点
datagrid动态列问题
实际就是对columns属性动态赋值 注意该属性是[[]]结构的
如果需要合并表头 实际就是数组的数组结构 需要设置rowspan或colspan属性即可
高速
treegrid 前台快速搭建
<![CDATA[$('#listTable').treegrid({ //treegrid
url: "", //后台数据地址
fitColumns: false, //自适应列 填满整个表
nowrap: true, //默认为true 在一行显示(高效)
checkbox: true, //是否显示checkbox
rownumbers: true,
collapsible: true,
idField: "EntryID",//主键
treeField: 'EntryCName', //折叠的字段
columns: [],// treegridColumns, //列
toolbar: "#toolbar",
autoRowHeight: false,
singleSelect: false,
border: false,
checkOnSelect: false,
pagination: true, //是否显示分页
pageSize: 20,
pageNumber: 1,//TODO 查询每次都刷新页面大小，还需处理
// pageList:[1,2,5,10,20],
onLoadSuccess: function (row, data) { }
})
]]>
高速
datagrid 快速搭建
1.直接集成在table元素中class="easyui-datagrid" data-options="url:'',fitColumns:true" 即可
2.使用js编写 集成在div或table元素中效果一样
<![CDATA[
$('#testdatagrid').datagrid({
url:'datagrid_data1.json',
method:'get',
//fitColumns:true,
pagination:true,
pageList:[5,10,20],
striped:true,
//pageSize:5,
//pageNumber:1,
columns:[[
{field:'itemid',title:'',width:10,hidden:true},
{field:'productid',title:'代码',width:100},
{field:'productname',title:'名称',width:100},
{field:'unitcost',title:'价格',width:100,align:'right'}
]]
})
]]>
知识点
datagrid 返回数据格式
<![CDATA[{"total":28,"rows":[
{"productid":"FI-SW-01","productname":"Koi","unitcost":"10.00","status":"P","listprice":"36.50","attr1":"Large","itemid":"EST-1"},
{"productid":"K9-DL-01","productname":"Dalmation","unitcost":"12.00","status":"P","listprice":"18.50","attr1":"Spotted Adult Female","itemid":"EST-10"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":"12.00","status":"P","listprice":"38.50","attr1":"Venomless","itemid":"EST-11"},
{"productid":"RP-SN-01","productname":"Rattlesnake","unitcost":"12.00","status":"P","listprice":"26.50","attr1":"Rattleless","itemid":"EST-12"},
{"productid":"RP-LI-02","productname":"Iguana","unitcost":"12.00","status":"P","listprice":"35.50","attr1":"Green Adult","itemid":"EST-13"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":"12.00","status":"P","listprice":"158.50","attr1":"Tailless","itemid":"EST-14"},
{"productid":"FL-DSH-01","productname":"Manx","unitcost":"12.00","status":"P","listprice":"83.50","attr1":"With tail","itemid":"EST-15"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":"12.00","status":"P","listprice":"23.50","attr1":"Adult Female","itemid":"EST-16"},
{"productid":"FL-DLH-02","productname":"Persian","unitcost":"12.00","status":"P","listprice":"89.50","attr1":"Adult Male","itemid":"EST-17"},
{"productid":"AV-CB-01","productname":"Amazon Parrot","unitcost":"92.00","status":"P","listprice":"63.50","attr1":"Adult Male","itemid":"EST-18"}
]}
]]>
坑
treegrid onBeforeExpand事件获取子集后 更改url
如果人为给一个节点state=closed 但子项并没有数据 点击展开事件时，重置url $('#table').treegrid('options').url 会到后台请求
如果人为给一个节点state=closed 但子项也有数据 点击展开事件时，重置url 会直接加载子项数据 并不会请求后台