本月博客排行
-
第1名
龙儿筝 -
第2名
zysnba -
第3名
johnsmith9th - wy_19921005
- sgqt
年度博客排行
-
第1名
宏天软件 -
第2名
青否云后端云 -
第3名
龙儿筝 - gashero
- wallimn
- vipbooks
- wy_19921005
- benladeng5225
- fantaxy025025
- javashop
- qepwqnp
- e_e
- 解宜然
- zysnba
- ssydxa219
- sam123456gz
- ranbuijj
- arpenker
- tanling8334
- kaizi1992
- sichunli_030
- xpenxpen
- gaojingsong
- wiseboyloves
- xiangjie88
- ganxueyun
- xyuma
- wangchen.ily
- jh108020
- zxq_2017
- jbosscn
- lemonhandsome
- luxurioust
- Xeden
- lzyfn123
- forestqqqq
- zhanjia
- nychen2000
- ajinn
- wjianwei666
- johnsmith9th
- hanbaohong
- daizj
- 喧嚣求静
- silverend
- mwhgJava
- kingwell.leng
- lchb139128
- lich0079
- kristy_yy
最新文章列表
easyUI-树形表格(TreeGrid)实现无限层级菜单
对于easyUI实现一个树形表格,是一件很简单的事情,实现形式很多。
这里作者将实现,通过数据库获取数据,再将数据通过递归形式装成无限层级json数据,到达无限成级的树形表格结构。
需要用到的json插件建附件,希望能对大家有所帮助
效果如图实现步逐
1、数据表设计(角色表)
CREATE TABL ...
easyui treegrid 复选框添加需要添加到字段中
//设置treegrid自适应
$(window).resize(function(){
$('#treeGrid').treegrid('resize', {
width: '100%'
})
});
//js获取项目根路径,如: http://localhost:8088/jquery
...
Ext.ux.tree.treegrid异步加载数据
///前台
var grid = new Ext.ux.tree.TreeGrid({
title: '任务管理',
width: 500,
height: 300,
enableDD: true,
enableSort:false,
rootVisible:false,
...
extjs4 treeGrid使用
项目有一个需求是展示一个部门信息,但是这个部门下面有可能还存在子部门,用一般的trrPanel感觉效果不是太好,在官方的api上面找到treeGrid控件正好可以满足需求,但是悲催的是把api里面的代码拷到程序里面后没有效果,根据反复的修改终于可以用了:
Ext.define('SimpleTasks.view.organize.DeptGrid', {
...
jQuery MiniUI 开发教程 TreeGrid 节点拖拽(四)
TreeGrid:节点拖拽
参考示例: TreeGrid:节点拖拽
创建代码
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:280px;"
url="../data/tasks.txt" show ...
jQuery MiniUI 开发教程 TreeGrid 自定义单元格(三)
TreeGrid:绘制单元格
参考示例: TreeGrid:绘制单元格
监听处理"drawcell"事件
使用"drawcell"事件,可以自定义单元格内容、样式、行样式等。
function onDrawCell(e){
var node = e.node,
column = e.column,
fie ...
jQuery MiniUI 开发教程 TreeGrid 懒加载(二)
TreeGrid:懒加载
参考示例: TreeGrid:懒加载
创建代码
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:250px;"
...
flexlib的treeGrid用法
为了使用treeGrid,通常你需要定义自己的DataDescriptor和data model,下面是一个案例.
public class HierarchySearchResultVO
{
public function HierarchySearchResultVO(){
this._id=UIDGenerator.createUID();
}
/* ...
treegrid级联勾选或深度级联勾选扩展:两种扩展
treegrid没有级联勾选,要用怎么办?自己扩展呗~
先明确两个概念:
1、级联勾选:不包括未加载的子节点
2、深度级联勾选:包括未加载的子节点
两种思路:
1、扩展个新方法cascadeCheck,当需要进行级联勾选时,调用该方法进行级联勾选或不勾选。
2、扩展onLoadSuccess方法,添加一个自定义属性:cascadeCheck(级联)或deepCascadeCh ...