EXTJS2.2组件Combobox下拉框获取数据

2023-11-11

1.获取数据 

    var dataPath;
    //远程连接
    var genderStore = new Ext.data.JsonStore({         
            proxy: new Ext.data.HttpProxy({              
                method: "POST",               
                url: "<%=request.getContextPath()%>/tHarvestTableSdep.do?invoke=listTplMapDsForJson"   
            }),
            //root和fields需和后台获取json格式一致   
            root: "data",            
            fields:['dataPath','datasourceName'],    
            id:"departmentStore"
        });

        //本地静态数据
        var store = new Ext.data.SimpleStore({
						fields : ['name', 'dbType'],
						data : [[ "ORACLE",'ORACLE'],[ "MYSQL",'MYSQL']
							,[ "SQLSERVER",'SQLSERVER'],[ "DB2",'DB2']
						]
					});

        //这一步必须要,加载数据仓库连接
        genderStore.load();
        var comboBox =  new Ext.form.ComboBox({
            id:'comboBox',
            mode : 'local',
            store : genderStore,
            width : 300,
            triggerAction: 'all',
            editable: false,
            //如果是静态数据,这句删掉
            hiddenName:'dataPath',
            //展示数据
            displayField : 'datasourceName',
            //option的value
            valueField : 'dataPath',
            fieldLabel : '数据挂载目录',
            listeners:{
                'select':function(arg){
                    //获取选中下拉框的value
                    dataPath = Ext.getCmp("comboBox").getValue();
                }
            }
        });

后台传入前端的数据json格式:

{
	"data": [
        {
	    	"dataPath": "cd669a58f7bb454eb970a3403b01c39a",
	    	"datasourceName": "采集RELA"
	    }, {
	    	"dataPath": "f8d886a810f440e398eaa340eff717b0",
	    	"datasourceName": "数据标准数据源"
    	}, {
	    	"dataPath": "be32616ebbbb43c5a6fae9aa1d927cb5",
	    	"datasourceName": "数据标准采集数据源1008"
	    }
    ]
}

2.数据回显

store.on('load',function(){
    Ext.getCmp('dataPath').setValue(值);
    Ext.getCmp('dataPath').setRawValue(值);

    或:
    form_panel.getForm().findField("dataPath").setValue(值);
    form_panel.getForm().findField("dataPath").setRawValue(值);
})

 后台复杂json格式拼写方法

参考了https://www.jb51.net/article/137203.htm博主的,感谢

        JSONObject jsonObject = new JSONObject();
        List<JSONObject> jsonList = new ArrayList<>();
        for (THarvestDatasource tHarvestDatasource : list) {
            JSONObject jsonObject2 = new JSONObject();
            jsonObject2.element("dataPath",tHarvestDatasource.getDataPath());
           jsonObject2.element("datasourceName",tHarvestDatasource.getDatasourceName());
            jsonList.add(jsonObject2);
        }
        jsonObject.element("data",jsonList);

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

EXTJS2.2组件Combobox下拉框获取数据 的相关文章

  • Ext JS:xtype 有什么用?

    我看到 Ext JS 中有很多例子 其中不是实际创建 Ext JS 对象 而是一个带有xtype属性被传入 这有什么用 如果无论如何都要创建对象 性能增益在哪里 如果这是原因 xtype是识别特定组件的简写方法 panel Ext Pane
  • 在 Silverlight 中绑定 ComboBox.SelectedItem(更多)

    与我之前的问题相关 在 Silverlight 中绑定 ComboBox SelectedItem https stackoverflow com questions 855519 binding combobox selecteditem
  • 排序组合框 VBA

    我一直在考虑如何对组合框中的值进行排序 我在初始化表单时将项目添加到组合框中 因为工作表上的值数量不断增加 我使用下一个代码来添加项目 With ComboBox1 lastcell ThisWorkbook Sheets 1 Range
  • 如何动态更改悬停和按下的 extjs 按钮的背景

    你好 我需要能够动态更改按钮不同状态 正常 悬停 按下 的背景颜色 到目前为止我想到的如下 http jsfiddle net suamikim c3eHh http jsfiddle net suamikim c3eHh Ext onRe
  • 在文本字段中输入文本时禁用面板水平滚动

    当有人在文本字段中输入文本时 我想禁用面板的水平滚动 第一个问题 目前的问题是 当您在任何文本字段中输入文本并按键盘上的右箭头键 keyCode 39 时 面板水平方向也会向正确的方向移动 我想在文本字段中输入文本时禁用它 第二个问题仅当单
  • WPF 绑定到 Xml;如何提取选定的 XmlElement 并转换为对象

    我有一个绑定到 Xml 文件和 XmlDataProvider 的 WPF ComboBox
  • extjs 6.0 sencha cmd 仅编译我的 javascript 代码

    我使用 sencha extjs 6 0 它总是将所有 extjs 代码编译为单个文件 我需要的是 1 需要extjs被编译成一个文件 我知道需要哪些包 所以它可以是静态的 不需要改变 2 然后sencha cmd将我自己的javascri
  • 想要在 dojo 中创建一个组合框,其中下拉菜单和自动完成功能仅在用户输入 4 个字符后才启动

    我想在 dojo 中创建一个组合框 其中下拉菜单和自动完成功能仅在用户输入 3 个字符后才会启动 当前的默认设置将开始显示下拉菜单 并在用户输入第一个字符时自动完成 是否有任何属性可以实现此行为 我可以重载某些函数吗 或者我应该自己编写一个
  • 如何使用带有数据绑定的 Ext5 组合框

    我想使用一个组合框 它从数据绑定接收预选值 并且还从同一存储的数据绑定接收可能的选项 面板项配置如下所示 xtype combobox name language default fieldLabel Default Language mu
  • 如何在 TreePanel 上拖放后触发事件

    如何使用 Ext tree ViewDDPlugin 的事件 我有一个使用 DDPplugin 的 TreePanel 但我想知道如何监听 drop 事件 这就是我的代码的样子 var monPretree Ext create Ext t
  • 如何使 extjs 手风琴垂直滚动

    在这里摆弄 https fiddle sencha com fiddle 5gv 如果手风琴中有很多面板 它们就会在垂直方向上相互碰撞 并且无法扩展 我想让手风琴的总高度等于标题的高度加上一个面板主体的高度 展开 然后父面板应该只有一个滚动
  • 单击父节点时检查树的子节点 [ExtJS]

    我想知道如何在单击 ExtJs 中的特定节点时检查树的同级节点 我已经给了每个节点的 id 我可以访问单击的节点的 id 那么我如何继续自动检查子节点 有人请帮助我 or any other way of getting hands on
  • VBA 自动化 - 预填充组合盒

    我正在尝试通过 VBA 将数据从 Excel 预填充到本地 Intranet 网站 我已经能够将大部分数据预填充到网站 但我正在努力处理这个组合日期框 请参阅 HTML 代码 div class form group row div
  • Extjs + D3:渲染冲突

    当我结合 Extjs 和 D3 时 我正在挖掘一些非常有趣的东西 一般来说 ExtJS渲染整个页面的主框架 D3渲染该框架中某个div的动态图 由于Extjs中的渲染逻辑相当复杂 因此我放置D3渲染逻辑的位置似乎至关重要 这里我尝试了两种
  • 如何就地刷新组合框项目?

    ComboBox Items 集合是一个 ObjectCollection 因此您当然可以在其中存储您想要的任何内容 但这意味着您不会像使用 ListViewItem 那样获得 Text 属性 ComboBox 通过对每个项目调用 ToSt
  • 使用字典作为数据源绑定组合框

    我正在使用 NET 2 0 并且尝试将组合框的数据源绑定到已排序的字典 所以我收到的错误是 在数据源上找不到 DataMember 属性 Key SortedDictionary
  • VB.NET 中的下拉菜单

    我有一个小要求 那就是 表单上有两个组合框 用于填充员工姓名和角色 我按如下方式填充组合框 我创建了一个名为 DbConnect 的类 其中有 02 个函数 Public Function getEmployees As DataTable
  • 使用组合框过滤文本框

    好吧 我必须创建一个表单 它获取文件夹的内容并将其列出在文本框中 是的 文本框不是列表框 然后 我必须使用包含文件夹所有扩展名的组合框来过滤此文本框 例如 如果我在组合框中选择 txt 则文本框应过滤以仅显示所有文本文件 除了让组合框过滤文
  • 如何在 WPF ComboBox 中为下拉列表值/所选项目显示不同的值?

    我有一个 WPF 组合框 绑定到具有长描述的项目列表 绑定到 ComboBox 的类型具有短描述和长描述作为属性 目前 我受完整描述的约束 comboBox DisplayMemberPath FullDescription 如何确保当项目
  • 如何将html设置为extjs中的元素

    1 如何设置HTML到已经创建的面板或任何其他元素 我是初学者 我尝试了下面的方法来设置 HTML 中的一些内容 var clickedElement Ext getCmp id el child gt clickedElement set

随机推荐

  • mvn deploy部署报错

    问题描述 使用idea侧边栏进行公司项目的部署 双击即可部署到nexus 但是使用命令mvn clean mvn deploy部署则报错 查看maven状态 配置好maven环境变量 使用命令mvn v 查看版本信息 其中会显示图片如下 这
  • UnityAnimator游戏运行后动画不播放

    问题 动画预览正常 运行后观察Animator正常执行动画 但是场景中没有播放动画 解决方法 将Animator的CullingMode改为AlwaysAnimate
  • C++基础(10)——函数模板和类模板

    前言 本文主要介绍了C 中函数模板和类模板基本知识 6 1 函数模板 模板函数的定义 template
  • JavaWeb.购物车项目

    前言 本章纯代码 后期会修改 一 数据库代码 用户表 create table shop user id number primary key account varchar2 30 not null password varchar2 3
  • leetcode刷题:数组的最大子序和

    题目 动态规划 分析 上面的图是老的数组 下面的是新的数组 通过老数组的当前值加上前一个值对应位置的新数组的值 就是新数组对应位置的新值 最后找到新的队列元素中的最大值即可 代码如下 include
  • MyBatis实现多表查询

    前言 以下学习内容所需数据表 一 关联查询 一 手动处理映射关系 在数据查询后映射到实体类中时 如果映射的属性名和数据表的字段名不一致时 就会返回null 解决办法是使用resultMap进行配置 手动处理数据库查询字段和封装实体类属性之间
  • 详解数据库的自然连接

    首先来看自然连接的定义 自然连接 是一种特殊的等值连接 它要求两个关系进行比较的分量必须是相同的属性组 并且在结果集中将重复属性列去掉 一个简单的例子 将下列关系R和S进行自然连接 R A B C a b c b a d c d e d f
  • patroni+etcd+antdb高可用

    patroni etcd antdb高可用架构图 Patroni组件功能 自动创建并管理主备流复制集群 并且通过api接口往dcs Distributed Configuration Store 通常指etcd zookeeper cons
  • Android—WebView简单使用

    华清创客学院 2016 12 12 08 49 有时候我们可能会碰到一些比较特殊的需求 比如说要求在应用程序里展示一些网页 相信每个人都知道 加载和显示网页通常都是浏览器的任务 但是需求里又明确指出 不允许打开系统浏览器 而我们当然也不可能
  • 159.并发编程(三):线程池,JUC

    目录 一 线程池 1 线程池的作用 2 手写线程池 3 ThreadPoolExecutor 1 线程池状态
  • 常用测试用例

    为方便平时写测试用例 整理如下 功能 条件 测试步骤 测试数据 预期结果 备注 搜索或查询 单独遍历各查询条件 测试按各查询条件是否都能够查询出相应的值 查询出符合条件的记录 设置界面上所有查询条件进行查询 单击查询按钮后 测试执行查询操作
  • 软件测试入门基础

    软件工程的四条基本原则 采取适宜的开发模型 采用合适的设计方法 提供高质量的工程支持 重视开发过程的管理 什么是软件测试 软件测试就是在软件投入运行前 对软件需求分析 设计规格说明和编码实现的最终审查 为什么要进行软件测试 软件测试就是为了
  • 深圳地区高校福利来啦!7月5日华为云开发者沙龙门票限时免费领取!

    7月5日华为云开发者沙龙深圳站开启报名 华为云专家现场手把手教你如何快速实现AI应用开发并赠送价值298元CSDN会员卡 了解行业趋势进行技术储备 高校教师 学生免费参会 报名地址 https huiyi csdn net activity
  • 谷歌浏览器关闭安全模式, 访问 http网站

    设置 隐私设置和安全性 安全 选择 不保护
  • Redis 7 第三讲 数据类型 进阶篇

    位图 bitmap 1 理论 由0和1 状态表现的二进制位的bit 数组 说明 用String 类型作为底层数据结构实现的一种统计二值状态的数据类型 位图本质是数组 它是基于String 数据类型的按位操作 该数组由多个二进制位组成 每个二
  • 基于Mahout实现协同过滤推荐算法的电影推荐系统

    1 Mahout介绍 Apache Mahout 是 Apache Software Foundation ASF 旗下的一个开源项目 提供一些可扩展的机器学习领域经典算法的实现 旨在帮助开发人员更加方便快捷地创建智能应用程序 经典算法包括
  • 实践是检验程序员的唯一标准01:用户不想跟你说话并向你扔出一张图片 - 图片上传组件开发【思路篇】...

    温馨提示 这里除了一些幼稚的小组件啥也没有温馨提示 续 这是一个新的系列 写一些实际开发中遇到的一些常用的功能 想法笨拙 代码乱套 写在前面 图片上传 作为web端一个常用的功能 在不同的项目中有不同的需求 在这里实现一个比价基本的上传图片
  • 【python基于mysql数据库实现无页面学生信息管理系统】

    python基于mysql数据库实现无页面学生信息管理系统以及简单操作mysql 前言 一 分步讲解 0 创建两张数据表 1 大概思路 2 首先连接数据库 3 查看所有学生成绩信息 4 查看所有学生个人信息 5 查看指定学生成绩信息 6 添
  • ORM中对于外键关联的处理

    根据侧重点的不同可以分为两类 一是侧重子表 即CRUD操作主要是针对子表进行的 例如书中所举的例子album 是子表 artist是主表 class AlbumMapper 1 Mapper实现的对象初始化 public Album fin
  • EXTJS2.2组件Combobox下拉框获取数据

    1 获取数据 var dataPath 远程连接 var genderStore new Ext data JsonStore proxy new Ext data HttpProxy method POST url tHarvestTab