//***********************************************左边树开始***********************************************
//分组树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(); //关闭所有节点 //***********************************************左边树结束***********************************************

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

  1. 展开easyui 树节点到某个点

    $(function () { $('#tt').tree({ url: '/IS/Department/JsonTree?companyID=@(Request.QueryString[" ...

  2. 【ztree】zTree取消树节点选中的背景色

    点击树节点的时候是ztree给树加了个class:    curSelectedNode 所以最简单的清除树节点的背景色的方法是移除其有背景色的class: $(".curSelectedN ...

  3. Extjs 树节点操作常用属性

    tree: 树     node:节点 1.全部展开  tree.expandAll(); 2.全部收缩  tree.collapseAll(); 3.得到父节点 node.parentNode 4. ...

  4. 玩转Web之easyui(二)-----easy ui 异步加载生成树节点(Tree),点击树生成tab(选项卡)

    关于easy ui 异步加载生成树及点击树生成选项卡,这里直接给出代码,重点部分代码中均有注释 前台: $('#tree').tree({ url: '../servlet/School_Tree?i ...

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

    写自己的最新版本号extjs4.2树节点的操作,记录它,可能在将来被用于. var tree = new Ext.tree.TreePanel({ flex: 1, animate: true, au ...

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

    实现点击不同树节点打开不同tab页展示不同datagrid表数据设计 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求描述 如上图, 1.点击左侧树,叶子 ...

  7. Extjs整体加载树节点

    Ext.onReady(function () {             Ext.define('company', {                 extend: 'Ext.data.Mode ...

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

    # coding=utf-8 import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui ...

  9. ext 树节点操作

    ext 树节点操作 tree :树    node:节点 1.全部展开 tree.expandAll(); 2.全部收缩 tree.collapseAll(); 3.得到父节点 node.parent ...

随机推荐

  1. HDU 1043 Eight (A* + HASH + 康托展开)

    Eight Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Sub ...

  2. Redis中文显示为Unicode编码的解决办法

    通过Xshell远程连接Linux中的Redis数据库.... 存入Reids中的value有中文. Xshell得到之后中文并不显示为乱码,显示的是中文对应的Unicode编码: 在Xshell中字 ...

  3. 修改Linux网卡由eth1变成eth0

    正常来说,Linux在识别网卡时第一张会是eth0,第二张才是eth1.有时候我们使用虚拟机克隆技术后网卡的信息就会改变,新克隆出来的虚拟主机网卡名字可能变为eth1.无论我们怎么修改都无法改变,这就 ...

  4. ConcurrentHashMap和Hashtable区别

    Hashtable:synchronized是针对整张Hash表的,即每次锁住整张表让线程独占安全的背后是巨大的浪费 ConcurrentHashMap和Hashtable主要区别就是围绕着锁的粒度以 ...

  5. Jersey(1.19.1) - Client API, Using filters

    Filtering requests and responses can provide useful functionality that is hidden from the applicatio ...

  6. Native App, Hybrid App, Web App对比

    Native App,Hybrid App和Web App简介 目前基本所有的移动互联网app可以分为三类:Native App,Hybrid App和Web App. Native App是基于智能 ...

  7. rowid

    rowid:select t.*,t.rowid from test t; -- AACeJKAAIAAAA4XAAA 注:有个很二需求,通过一个存储过程插入的数据必须是放在一块的,不能分散开存储,考 ...

  8. c#中设置像数量,价格,金额等的textbox的限制条件,用户只能输入数字或小数

    #region 设置数量等textbox控件样式及限制条件(具体调用的方法就是重写或直接调用ShieldNumberTextBoxOtherKeys函数) /// <summary> // ...

  9. echarts标准饼图解读(一)——提示框(tooltip)配置

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  10. DOM_节点层次_Document类型

    一.Document类型 nodeType: 9; nodeName: "#document"; nodeValue: null; parentValue: null; owner ...