EXTJS4两个ComboBox的数据源联动,解决遇到第二个ComboBox第二次以后显示忙的状态问题

数据科学常见模型总结(二)-倾向性得分匹配模型 PSM的核心思想是从未受干预的用户群体中,找到和干预对象一模一样的用户,这样就可以把因果效应归因到干预上。 阅读详情

定义如下【红色部分是后加上的,它是解决问题的关键】:

var bu_store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
remoteSort: true, //是否在服务端排序
proxy: {
type: 'ajax', //异步获取数据,这里的URL可以改为任何动态页面,只要返回JSON数据即可
url: 'soc/GetBU',
reader: {
root: 'items'
},

simpleSortMode: true
}
});
var evt_bu = new Ext.form.ComboBox({
id: 'evt_bu',
fieldLabel: 'BU',
width: 240,
store: bu_store,
displayField: 'value',
valueField: 'key',
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择BU',
editable: false,
mode: 'local', //该属性和以下方法为了兼容ie8
listeners: {
'render': function () {
bu_store.load();
}
}
});

var pdl_store = Ext.create('Ext.data.Store', {
fields: ['key', 'value'],
remoteSort: true, //是否在服务端排序
autoLoad: false,
proxy: {
type: 'ajax', //异步获取数据,这里的URL可以改为任何动态页面,只要返回JSON数据即可
url: 'soc/GetPDL',
reader: {
root: 'items'
},

simpleSortMode: true
}
});

pdl_store.on("beforeload", function () {
Ext.apply(pdl_store.proxy.extraParams, {'bu': evt_bu.getValue()});
});

var evt_pdl = new Ext.form.ComboBox({
fieldLabel: '      产品线',
width: 240,
store: pdl_store,
listConfig: {loadMask: false}, 
displayField: 'value',
valueField: 'key',
triggerAction: 'all',
emptyText: '请选择...',
allowBlank: false,
blankText: '请选择产品线',
editable: false
});

//联动的实现
evt_bu.on('select', function () {
evt_pdl.clearValue();
try{
pdl_store.load();
}
catch(ex){
Ext.MessageBox.alert("错误","数据加载失败。");
}
});

Yolov8-pose关键点检测:loss优化 | LRM loss困难样本挖掘,提升难样本、遮挡物等检测精度 LRM loss应用到能够大幅提升pose遮挡物性能 阅读详情

相关推荐

EXT中COMBOX联动

EXTjsEXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动EXT中COMBOX联动

42.extjs Combobox动态加载数据问题,mode:local 还是remote

问题: Java代码   var fabircTypeDs = new Ext.data.Store({           proxy: new Ext.data.HttpProxy({               url: 'province.do'           }),           reader: new Ext.data.JsonReader({},['pname',...

weixin_34409741的博客 243

Extjs 轻松实现下拉框联动

最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵

Extjscombobox联动

1 Ext.Loader.setConfig({ 2 enabled : true 3 }); 4 Ext.Loader.setPath('Ext.ux', '../extjs/ux'); 5 Ext.require([ 'Ext.form.*', 'Ext.data.*', 'Ext.grid.Panel' ]); 6 7 Ext.onR...

weixin_30510153的博客 233

(转)extJs combox 动态下拉框联动(级联)

首先,两个下拉框,第一个下拉框首先load数据源,在select的事件中在load第二个数据源,这就是一个简单的二级联动的实现原理了. Js代码 // 第一个下拉框 var parentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'loadByParent...

weixin_33796205的博客 536

Extjs combox从后台请求数据实现二级联动

写在前面,自研究生找到这份工作,开始自学java web,零零碎碎花了半年的时间,web开发的知识体系基本算是过了一遍,包括ssh框架,但之前都是零碎的实现,前端就只练习前端,后端只练习后端,前后端的是怎么交互的,理论上知道那么回事,可是从来没用过,趁着实习及试用期时间,学习了下Extjs,把extjs的相关知识结合起来,写了这么个demo: 踩到的坑:   后代去数据库查询的结果为...

diaosongshu3398的博客 244

HTML预加载与预取:优化页面加载性能

HTML预加载与预取优化页面性能 预加载(Preload)和预取(Prefetch)是两种优化网页加载性能的关键技术。预加载通过<link rel="preload">标签主动加载当前页面所需关键资源,适用于字体、首屏内容和异步加载资源,确保关键资源立即可用。预取则利用<link rel="prefetch">标签在浏览器空闲时加载未来可能访问的资源,如电商详情页或多步骤表单的下一步内容。 两种技术实现方式包括静态HTML标签和动态JavaSc

1011

html中引入公用的功能性html(避免重复性代码)

自动引入其他HTML标签

woshishui891014的博客 8103

html引入脚本,JavaScript如何引入脚本文件?

JavaScript脚本文件的引入方式和CSS样式文件类似。在HTML文档中引入JavaScript文件主要有三种,即行内式、嵌入式、外链式。接下来,我们将对JavaScript的三种引入方式做详细讲解。1. 行内式行内式是将JavaScript代码作为HTML标签的属性值使用。例如,单击“test”时,弹出一个警告框提示“Happy”,具体示例如下:JavaScript还可以写在HTML标签的事...

weixin_33549415的博客 2940

探索网页组件化:原生JavaScript动态加载HTML与iframe的使用与比较

在网页设计中,将内容作为组件动态加载到页面上是一种提高用户体验和页面性能的有效手段。本文将详细介绍两种实现动态内容加载的方法:使用原生JavaScript动态加载HTML和使用iframe,并对比它们的使用方式和优缺点。原生JavaScript动态加载HTML。

Jiaberrr的博客 2518

html页面引入公共的页首和导航栏

当网站页面数量多达几十上百时,制作一个头部的html页面和一个尾部的html页面将会省去很多的麻烦事,比如更改头部的样式时,不必在每个页面中全改一遍,方便了代码的维护,能减轻很多的工作量。 这几天修改公司官网的时候,被领导要求改变头部导航中的一些内容,但是我发现如果要改内容,所有页面的<header>内容都要改,几百个页面如果一个一个改太浪费时间和精力。于是我想到,之前用A...

2080

jquery动态装入 HTML 文件网页内容和动态引入css文件、动态引入js文件

(1)只动态引入html内容(使用url参数):语法 jquery对象.load(url); 示例: //头部是一个包含html内容的文件 $('header').load('头部.html .container'); 头部.html ~(即你需要的内容写成的html代码) <div class="container"> <h1>我是头部</h1> </div> (2) 动态引入html内容,同时引入其对应的css样式文件:语法 jquery对象.loa

lojloj的博客 1872

HTML preload预加载关键资源加快页面响应

通过rel"preload"主动调度关键资源加载,让浏览器提前下载字体、CSS和JS,避免渲染阻塞与内容闪烁。结合font-display、动态注入和跨域处理,可显著缩短首屏时间,提升LCP与FCP表现,尤其适用于首屏优化和移动端体验增强。

weixin_29496633的博客 769

HTML:减少页面加载的方法

HTML减少页面加载的方法 1. 重复的HTTP请求数量应尽量减少   (1)减少调用其他页面、文件的数量。   (2)在使用css格式时,常会采用background载入图形文件,而每个background的图像都会产生1次HTTP 请求,为了让页面生动活泼大量使用background来加载背景图,可以采用css的1个有用的background-position属 性来加载背景图加以改善,将需要...

qq_39163732的博客 676

html引入公共页面

html: <body> <div id="header"></div> <div id="footer"></div> </body> js: //可写在公共的js里面 <script> $("#header").load("page/header.html")...

leng0920的博客 2295

flutter html 加载_Flutter Web 加载html的填坑记录

flutter web 加载html内容,请看这里https://juejin.im/post/6844904094725849095,本文不再详述加载html的方法,主要讲述在加载html过程中遇到的问题解决方案。问题1:dart:ui 无法找到platformViewRegistry方法ui.platformViewRegistry.registerViewFactory异常提示:The n...

weixin_42165712的博客 1699

html修改另一个html文件内容,javascript - 想问下怎样将一个HTML文件里把所有的css、js文件引入后,其他的HTML文件不需要再引入了?...

javascript - 想问下怎样将一个HTML文件里把所有的css、js文件引入后,其他的HTML文件不需要再引入了?就好比这是我的common.html,然后其他的HTML文件就不需要在进行引入了,求方法。。。。。回答70分享全部回复 (7)仅有的幸福2017-06-30 09:58:187楼可以只引用一个 JS 文件,然后把要加载的 CSS 做动态加载。// 动态加载js脚本文件fu...

weixin_42512183的博客 323

html引入公共资源文件,html引入公共模块

html引入公共模块如果没有母版页,那么大量相同布局的页面会有很多相同的代码,那么这就提到了一个概念,叫重用性;可以将相同布局的代码放在一个单独的文件,里面写一些公共模块,那么在其他页面只需要在指定位置引入他们就可以了写一个头部,在top.html写入(只写的需要添加的):这是头部在center.html写入:这是中间文本在index里,需要放置模块的位置放一个容器,然后再ready完成后加载进去...

weixin_33215370的博客 878

多个html页面切换时,大部分页面都是相同的,如何避免为每一个网页都设置单独的html

你可以创建一个组件或视图模板,然后在每个页面中引用该组件或模板,并通过该框架或库来动态渲染页面内容。:你可以使用 JavaScript 模板引擎(如Handlebars、Mustache等)来创建一个共享的 HTML 模板,并在每个页面中使用该模板来渲染页面内容。如果多个 HTML 页面的大部分内容都是相同的,你可以考虑使用一个共享的 HTML 模板,然后在每个页面中引用该模板,只需为每个页面提供特定的内容即可。无论选择哪种方法,都可以避免为每个页面都单独设置 HTML,提高代码的可维护性和重用性。

Debug yourself! 951

Notepad++ v8.6.6源代码

源代码

上一篇: windows下手动配置ipv6地址
下一篇: cookie工具类,解决servlet3.0以前不能添加httpOnly属性的问题
ssergsw
博客等级 码龄18年 72粉丝 88原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值