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(); //关闭所有节点 //***********************************************左边树结束***********************************************
ExtJs 4.2 treePanel 点击树节点 传送参数到后台(多个参数)的更多相关文章
- 展开easyui 树节点到某个点
$(function () { $('#tt').tree({ url: '/IS/Department/JsonTree?companyID=@(Request.QueryString[" ...
- 【ztree】zTree取消树节点选中的背景色
点击树节点的时候是ztree给树加了个class: curSelectedNode 所以最简单的清除树节点的背景色的方法是移除其有背景色的class: $(".curSelectedN ...
- Extjs 树节点操作常用属性
tree: 树 node:节点 1.全部展开 tree.expandAll(); 2.全部收缩 tree.collapseAll(); 3.得到父节点 node.parentNode 4. ...
- 玩转Web之easyui(二)-----easy ui 异步加载生成树节点(Tree),点击树生成tab(选项卡)
关于easy ui 异步加载生成树及点击树生成选项卡,这里直接给出代码,重点部分代码中均有注释 前台: $('#tree').tree({ url: '../servlet/School_Tree?i ...
- Extjs 4.2 右键菜单树节点(,选择逆,废除)
写自己的最新版本号extjs4.2树节点的操作,记录它,可能在将来被用于. var tree = new Ext.tree.TreePanel({ flex: 1, animate: true, au ...
- Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
实现点击不同树节点打开不同tab页展示不同datagrid表数据设计 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求描述 如上图, 1.点击左侧树,叶子 ...
- Extjs整体加载树节点
Ext.onReady(function () { Ext.define('company', { extend: 'Ext.data.Mode ...
- pyqt5 树节点点击实现多窗口切换
# coding=utf-8 import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui ...
- ext 树节点操作
ext 树节点操作 tree :树 node:节点 1.全部展开 tree.expandAll(); 2.全部收缩 tree.collapseAll(); 3.得到父节点 node.parent ...
随机推荐
- 【阔别许久的博】【我要开始攻数学和几何啦】【高精度取模+同余模定理,*】POJ 2365 The Embarrassed Cryptographer
题意:给出一大数K(4 <= K <= 10^100)与一整数L(2 <= L <= 106),K为两个素数的乘积(The cryptographic keys are cre ...
- Java HashCode方法
有许多人学了很长时间的Java,但一直不明白hashCode方法的作用, 我来解释一下吧.首先,想要明白hashCode的作用,你必须要先知道Java中的集合. 总的来说,Java中的集合(Co ...
- 【原创】 windows下开发软件推荐
1. 数据库查看器工具 navicat.exe
- MJViewController的view的创建
- crontab执行java命令失效
一.我们常常碰到在shell下执行某个命令能够成功,比如执行一个java程序: java -jar /home/opscoder/topo-audit.jar,但是在crontab下执行会失败. co ...
- React History
1. browerhistory 1. 推荐使用, 2. nginx服务器要配置try-file,当找不到路由时跳转到首页 3. 使用浏览器history对象,不再允许直接访问nn 所以不能直接拷贝地 ...
- Nginx - Additional Modules, About Your Visitors
The following set of modules provides extra functionality that will help you find out more informati ...
- ORACLE 小写金额转大写金额
Create Or Replace Function Money2Chinese(Money In Number) Return Varchar2 Is strYuan Varchar2(); str ...
- JavaScript之模拟评星打分
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu ...
- 解释清楚c++的重载操作符【用自己的话,解释清楚】
C++中对于内置的变量及标准库中常见的类定义类常见的操作符含义,对于自定义的类也可以通过关键字operate 重载操作符的含义. C++中支持重载的目的 诚然操作符的重载可以通过使用函数实现同样的功能 ...