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 ...
随机推荐
- linux云计算集群架构学习笔记:系统文件的目录结构
文件的基本管理和XFS文件系统备份恢复 1.1 Linux系统目录结构,相对/绝对路径. 1.2 创建/复制/删除文件,rm -rf / 意外事故 1.3 查看文件内容 1.4 xfs文件系统的备 ...
- linux下获取ip
如果打开虚拟机 没有ip置灰显示了 lo 可以使用dhclient自动获取ip 如果想开机就自动获取ip: vim /etc/rc.d/rc.local 在这里插入dhclient命令
- Cisco 交换机的操作
Cisco的工作模式 Cisco设备有常用模式为:用户模式.特权模式.全局模式.端口模式.首先它们之间呈现出递进关系:用户模式->特权模式->全局模式->端口模式 1.用户模式 交换 ...
- POJ 3074 Sudoku (DLX)
Sudoku Time Limit:1000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit Statu ...
- 关于JDK中的运算符和变量
类名首字母必须大写.多个单词组成的类名,每个单词的首字母大写. 只要起名称就要让他有意义.Java中的关键字都是由小写字母组成的. 在项目中给标示符起名字在公司中大都有固定的规则.一般加上标示符和$符 ...
- 【阔别许久的博】【我要开始攻数学和几何啦】【高精度取模+同余模定理,*】POJ 2365 The Embarrassed Cryptographer
题意:给出一大数K(4 <= K <= 10^100)与一整数L(2 <= L <= 106),K为两个素数的乘积(The cryptographic keys are cre ...
- hdu 3635 Dragon Balls
Dragon Balls Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Tot ...
- 浅谈Oracle 性能优化
基于大型Oracle数据库应用开发已有6个年头了,经历了从最初零数据演变到目前上亿级的数据存储.在这个经历中,遇到各种各样的性能问题及各种性能优化. 在这里主要给大家分享一下数据库性能优化的一些方法和 ...
- Servlet之编码过滤
创建CharactorFilter类,实现javax.servlet.Filter接口: package com.caiduping; import java.io.IOException; impo ...
- web安全实战
前言 本章将主要介绍使用Node.js开发web应用可能面临的安全问题,读者通过阅读本章可以了解web安全的基本概念,并且通过各种防御措施抵御一些常规的恶意攻击,搭建一个安全的web站点. 在学习本章 ...