ExtJs 4.2 treePanel 点击树节点 传送参数到后台(多个参数)

//***********************************************左边树开始***********************************************
//分组树Store
var treeStore = Ext.create(‘Ext.data.TreeStore‘, {
    proxy: {
        type: ‘ajax‘,
        url: "/Handler/StorePositionLayoutHandler.ashx?func=getbystorestorepositionlist&format=list"
    },
    autoLoad: false,
    fields: [‘text‘, ‘id‘, ‘leaf‘, ‘SPLId‘, ‘SPLName‘, ‘StoreId‘, ‘Level1‘, ‘Level2‘, ‘Level3‘, ‘levelType‘],
    reader: {
        type: "json",
        root: ‘‘
    },
    extraParams: {
        SPLId: ‘‘,
        StoreId: ‘‘,
        Level1: ‘‘,
        Level2: ‘‘,
        Level3: ‘‘,
        levelType: ‘‘,
    }
});
//分组树
var treePanel = Ext.create(‘Ext.tree.Panel‘, {
    store: treeStore,
    border: false,  //边框
    enableDD: true,
    rootVisible: false,  //隐藏根节点
    useArrows: true, //树节点使用箭头
    containerScroll: true,
    collapsible: false,
    autoScroll: false,
    title: ‘货位信息列表‘,
    columns: [{
        xtype: ‘treecolumn‘,
        text: ‘货位层次‘,
        dataIndex: ‘text‘,
        width: 150,
        sortable: true
    }, {
        text: ‘货位名称‘,
        dataIndex: ‘SPLName‘,
        flex: 1,
        sortable: true
    }],
    //点击目录树+前 给root参数赋值
    listeners: {
        //树列表单击,取值赋值给id:xxxx的文本框
        itemclick: function (node, record, item, index, event, eOpts) {
            //给右侧页面赋值 开始
            var id = record.data.id;
            var text = record.data.text;
            var SPLId = record.data.SPLId;
            var SPLName = record.data.SPLName;
            var StoreId = record.data.StoreId;

            BelowForm.setTitle(‘当前货位:‘ + text + ‘‘ + SPLName);

            BelowForm.form.findField(‘SPLId‘).setValue(SPLId);
            BelowForm.form.findField(‘SPLName‘).setValue(SPLName);
            //给右侧页面赋值 结束
        },
        //点击目录树+前 给root参数赋值
        beforeitemexpand: function (record, eOpts) {
            if (treePanel != undefined) {
                var root = treePanel.store.getProxy();
                root.extraParams.SPLId = record.data.SPLId;
                root.extraParams.StoreId = record.data.StoreId;
                root.extraParams.Level1 = record.data.Level1;
                root.extraParams.Level2 = record.data.Level2;
                root.extraParams.Level3 = record.data.Level3;
                root.extraParams.levelType = record.data.levelType;
            }
        }
    }
    //singleExpand:true   //展示单个子节点,其它的子节点合并。
});
//treePanel.expandAll(); //展开所有节点
treePanel.collapseAll(); //关闭所有节点

//***********************************************左边树结束***********************************************
时间: 2024-08-07 21:18:11

ExtJs 4.2 treePanel 点击树节点 传送参数到后台(多个参数)的相关文章

zTree取消树节点选中的背景色

点击树节点的时候是ztree给树加了个class:    curSelectedNode 所以最简单的清除树节点的背景色的方法是移除其有背景色的class: $(".curSelectedNode").removeClass("curSelectedNode"); 原文地址:https://www.cnblogs.com/qlqwjy/p/8386994.html

Extjs 树节点样式改变

ExtJs 中默认对树节点图标控制的CSS代码: 1 .x-tree-icon-leaf{width:16px;background-image:url('../../resources/themes/images/default/tree/leaf.gif')} 2 .x-tree-icon-parent{width:16px;background-image:url('../../resources/themes/images/default/tree/folder.gif')} 3 .x-

Extjs 4.2 右键菜单树节点(,选择逆,废除)

写自己的最新版本号extjs4.2树节点的操作,记录它,可能在将来被用于. var tree = new Ext.tree.TreePanel({ flex: 1, animate: true, autoScroll: true, anchor: '100% 93%', store: new Ext.data.TreeStore({ root:{ expanded: true, text:'A', children:[{ expanded: true, text:'1', children:[{

Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计

实现点击不同树节点打开不同tab页展示不同datagrid表数据设计 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求描述 如上图, 1.点击左侧树,叶子节点,打开不同的tab页,加载与节点对应的表数据 2.在上述打开页面中,进行新增,编辑,复制等操作,确保新增.复制等操作生成的数据只在该页面可见. 涉及思路与关键代码 1.单击左侧树时,叶子节点时,新增.激活一个tab页,打开.激活之前,设置tab页id属性值为树节点的ID,设置title属性为节点

pyqt5 树节点点击实现多窗口切换

# coding=utf-8 import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui import * class Example(QWidget): def __init__(self): super().__init__() self.initUI() def initUI(self): hbox = QHBoxLayout(self) left = QFrame(self) #

ext 树节点操作

ext 树节点操作 tree :树    node:节点 1.全部展开 tree.expandAll(); 2.全部收缩 tree.collapseAll(); 3.得到父节点 node.parentNode 4.判断是否有父节点 node.parentNode==null 5.判断是否有子节点 node.hasChildNodes() 6.获取下一级所有子节点 node.eachChild(function(child) { }) 7.获取选择的节点 tree.getSelectionMode

树节点

private void zimulu(TreeNode node)//在点开节点的一瞬间,解析当前目录的第三级目录 { try//对错误或者权限不作处理 { //根据获得的完整目录得到该目录下的子目录 foreach (var dirinfor in new DirectoryInfo(node.Tag.ToString()).GetDirectories()) { //依据目录的完整目录获取其子目录,否则找不到文件 //以子目录的文件名为名称创建树节点 var n = new TreeNod

在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能

最近做的项目中,总是会遇到需要实现点击树目录的有子节点时展开目录,点击最终子节点才实现选中的功能的需求.下边我就直接黏贴一下代码出来吧,非常容易看懂,关键的就是在选中事件中加一个判断. $('#RepairTID').combotree({        url: '/RepairSub/GetRepTypeZ/?userRole=5',        required: true,        panelHeight: 'auto',        onLoadSuccess: functi

Ext 4.2树节点搜索功能

注,如果拿到的节点Type是treeNode这样的类型,你的Ext版本和笔者的Ext版本并不相同,据网上说treeNode是比较老的Ext版本.笔者使用的类型是Ext.data.NodeInterface. 来看正文,因为工作需要,公司使用的是Ext这个比较完善的前端Js框架,最近写到树的节点查询时,发现网上的资料全部都是手动迭代,更有甚者搬出了Jquery,这让我很纳闷,前面说了Ext这么完善的框架会蠢到连个树的搜索功能都没有?翻阅API后,不断尝试,给出以下一行代码即可做到Ext树查找节点功