`
chenxiaobin
  • 浏览: 24279 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

ext.一边tree,一边grid的例子,点击tree可以更改gird的内容(转)

    博客分类:
  • Ext
阅读更多
var win = desktop.getWindow('user-mag');
        //var sm = new Ext.grid.CheckboxSelectionModel();
        if(!win){   
            //ds_qr.load();
            win = desktop.createWindow({
                id: 'user-mag',title:'人员确认',width:780,height:530,
                cls:"test1",iconCls: 'icon-grid',
                shim:false,animCollapse:false,constrainHeader:true,layout: 'border',
                items: [
                    mytree = new Ext.tree.TreePanel({
                       title:'单位列表',region:'west',split:true,width: 200,collapsible : true,height:520,
                       margins: '3 0 3 3',cmargins:'3 3 3 3',border:false, ddScroll:true,autoScroll:true,
                       animate:true,collapsible:true,enableDD:true,enableDrag:true,rootVisible:true,
                       lines:true,
                       loader:new Ext.tree.TreeLoader({
                        dataUrl:"json_tree.asp"
                       }),
                       root:new Ext.tree.AsyncTreeNode({
                           id:"root",
                           text:"香洲区学校",
                           expanded:true
                       }),
                       listeners:{
                            "loadexception":function(loader,node,response){
                                node.loaded = false;
                                node.reload.defer(10,node);//不停的加载,直到true
                            },
                            "click":function(node){
                                     //ds_ryxx.url=jsonurl+"?sql="+escape("select id,xming from v_ryxx where dwei="+ node.id);
                                    ds_ryxx.proxy = new Ext.data.HttpProxy({url : jsonurl+"?sql="+escape("select id,xming from v_ryxx where dwei="+ node.id)});
                                    ds_ryxx.load({params:{start:0,limit:pagesize,sql:escape("select id,xming from v_ryxx where dwei="+ node.id)}});
                            }
                        }
                    }),//tree
                    new Ext.grid.GridPanel({
                        title:'单位列表',region:'center',width: 230,collapsible : true,
                        margins: '3 0 3 3',cmargins:'3 3 3 3',border:false,
                        id:'gp_qr',store:ds_ryxx,
                        cm: new Ext.grid.ColumnModel([
                            new Ext.grid.RowNumberer({header:"编号",width:40}),
                            {header: "id", width: 20, sortable: true, dataIndex: 'id',hidden:true},
                            {header: "姓名", width: 70, sortable: true, dataIndex: 'xming'}
                        ]),
                        viewConfig: {
                            forceFit:true
                        },
                        bbar:new Ext.PagingToolbar({//人员列表的分页条
                            displayInfo:true,emptyMsg:"没有数据显示",displayMsg:"显示从{0}条数据到{1}条数据,共{2}条数据",
                            store:ds_ryxx,
                            pageSize:pagesize
                        })//PagingToolbar
                    })//GridPanel                               
                ]//items
            })//createWindow
        } //if
        //win.setPosition(100.100);
        mytree.render();
        win.show();

//关键在于proxy的两句代码
分享到:
评论

相关推荐

    ext grid tree 应用

    自己编写的EXT例子,grid、tree从数据库读取数据动态显示,并进行分页。可以动态更换主题,并存入cookies中。

    Ext grid合并单元格

    MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[]; for(var i = 0...

    jq-extgrid v1.2 表格插件

    extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...

    EXT JSON Grid示例

    本例采用PHP,json, sqlite,来显示一个EXT3.0的Grid,需要PHP环境,可以用xampp集成包。 部署后访问http://localhost/ExtSample/employee.php

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。

    Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...

    Ext+MVC(combox,tree,gird,layout)

    ext + mvc combox tree grid layout

    Ext JS权威指南

    第10章和第11章分别详细介绍了重构后的gird和与gird同源的树;第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了ext.direct、动画功能和拖放功能;第20...

    ext grid数据绑定

    ext中grid数据查找后重填到gird中.网上搜集的部分资料。

    Nvidia如何申请GRID测试授权.docx

    Nvidia如何申请GRID测试授权.docxNvidia如何申请GRID测试授权.docxNvidia如何申请GRID测试授权.docx

    ext grid 导出excel 代码实例

    ext grid 导出excel 代码实例

    ext超酷的grid中放图片(ext3.2.1)

    ext超酷的grid中放图片(ext3.2.1)

    ext Gird 有滚动条功能

    ext Gird 有滚动条功能 附带滚动条 重写原本EXT

    ext js2.0 json java web 项目例子

    一个简单的ext java web项目 有gird form tree boder布局 如果有人觉的有用,会继续完善

    Extjs2.0动态加载gird的例子

    ext2.0动态加载grid的例子,内附完整源码!

    ext 超经典实例(grid的curd,tree的curd,特色插件)

    奉献出来,包含了gird的curd,tree的curd,4种页面布局,一个dataview实例,这些足够吧!

    ALV_GRID介绍

    ALV_GRID介绍, 不错的内容 一.ALV介绍 ...SAP提示: 在SAP的开发项目中,ALV GRID也可以作为修改和创建数据的一种工具,然而,目前这个功能只在实验计划中使用,还没有向客户发布. 下面是一个ALV GRID的图片...

    Ext2.0 javascript类库.rar

    主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...

    ext5.0中将grid导出excel文件

    根据网络上已有的导出代码,替换ext2.0中的函数和属性为ext5.0版本。 无选择项默认导出全表。 未考虑grid分页的情况。 默认设置导出文件名为grid中name属性+当天年月日。 没有研究出data uri协议导出excel文件时动态...

    ext js 2.2

    主要包括data,widget,form,gird,dd,menu,其中最强大的应该算gird了,编程思想是基于面对对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库...

    JsGrid官网离线版/离线文档

    使用方法:解压缩-->打开js-grid文件夹-->打开js-grid.com文件夹-->打开index.htm

Global site tag (gtag.js) - Google Analytics