`

Extjs联动操作

 
阅读更多

这是联动的操作

上面的部分:

                items : [
                    {columnWidth : .5,layout : 'form',
                        items : {
                        id: "add-triggerType",
                        xtype: 'triggerType',   
                        showAll:false,
                        name:'triggerType',
                        dictTypeCode: 'COLL.TASK.TRIGGERTYPE',
                        fieldLabel: '<span style=\"color:red\">*</span>触发器类型',
                        width: 150,
                        listWidth: 150,
                        allowBlank: true,
                        listeners:{   //重点在这里,
                            select:function(field){
                               
                                var isAdd = Ext.getCmp("collScheduleWin").isAdd;
                               
                                if(isAdd){
                                      Ext.getCmp("add-maxScheduleTime").enable();
                                      Ext.getCmp("add-schedulePeriod").enable();
                                    }
                                else{     
                                  if(field.getValue()=='c'){
                                       Ext.getCmp("add-maxScheduleTime").disable();
                                       Ext.getCmp("add-schedulePeriod").disable();
                                  }
                                  else{
                                      Ext.getCmp("add-maxScheduleTime").enable();
                                      Ext.getCmp("add-schedulePeriod").enable();
                                  }
                                }
                            }
                        }
                       
                    }}
                ]

 下面的联动部分:

items : [
					{columnWidth : .5,layout : 'form',
						items : [{xtype:'numberfield',
								  fieldLabel:"最大调度次数",
								  width:150,
								  name:'maxScheduleTime',
							      disabled:false,
//							      editable : false,
								  id:'add-maxScheduleTime'}]},
							
					{columnWidth : .5,layout : 'form',
						  items : [{xtype:'numberfield',
									  fieldLabel:"调度周期",
									  width:150,
									  name:'schedulePeriod',
									  disabled:true,
									  id:'add-schedulePeriod'}]}
				]

 

 

分享到:
评论

相关推荐

    Extjs4---combobox省市区三级联动+struts2

    在这个特定的项目“Extjs4---combobox省市区三级联动+struts2”中,我们将探讨如何利用ExtJS 4的ComboBox组件实现省市区的三级联动效果,并结合Struts2框架进行数据交互。 首先,`ComboBox`是ExtJS中的一个组件,它...

    ExtJS Combobox二级联动列子

    下面我们将详细讨论如何在ExtJS中实现Combobox的二级联动。 一、基础概念 1. Combobox:ExtJS中的Combobox是FormPanel的一个字段,它结合了文本输入框和下拉列表,提供了一种选择或输入数据的方式。 2. 二级联动:...

    Extjs学习笔记(-):ComboBox联动

    本篇学习笔记将深入探讨EXTJS中ComboBox的联动效果,即一个ComboBox的选择会触发另一个ComboBox的数据更新,以此来提供更丰富的交互体验。通过源码解析和工具应用,我们将了解如何构建和实现这种联动效果。 ...

    extjs表格(表格后台数据读,分页),树(后台数据读取,复选框联动)的基本操作示例

    在这个示例中,我们关注的是ExtJS中的两个关键组件:GridPanel和TreePanel,以及它们如何与后台数据进行交互,实现分页和复选框联动功能。 1. **GridPanel**:GridPanel是ExtJS中用于展示表格数据的组件,它提供了...

    资料:包括extjs2.0源码

    5. **表单元素**:EXTJS 2.0提供了丰富的表单元素,如文本框、下拉框、复选框等,支持验证和联动效果,方便构建动态表单。 6. **图表组件**:EXTJS 2.0内置了各种图表类型,如柱状图、饼图、线图等,适用于数据可视...

    extjs3.0 API 中英

    7. **事件系统**:事件驱动是ExtJS的重要特性,所有组件都可以监听和响应事件,实现组件间的通信和联动。 8. **工具提示和提示框**:提供可自定义的工具提示(ToolTip)和提示框( MessageBox),增强了用户体验。 ...

    Extjs入门教程(treePanel和GridPanel)

    在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态加载或更新GridPanel的数据,以及可能的父子数据联动操作。 在实际应用中,你可能会学习到以下...

    extjs_4.1.0 api 中文版_0.6 天涯浪子

    6. **Ajax交互**:EXTJS内置了Ajax模块,可以方便地与服务器进行异步通信,进行数据的增删改查操作。 7. **图表(Charts)**:EXTJS 4.1.0引入了新的图表组件,支持各种类型的图表,如柱状图、饼图、线图等,适合...

    Extjs tree and Grid(Buffer Grid,Progress Grid)

    它支持节点的添加、删除、展开和折叠操作,可以进行拖放操作,并且可以与其他ExtJS组件如Grid进行联动。 - 树形控件可以用于文件系统导航、组织架构展示或者任何需要层次结构表示的数据场景。 - 在ExtJS中,树形...

    Ext二级联动完整例子

    在ExtJS中,"二级联动"通常指的是两个或多个下拉框(ComboBox)之间的联动效果,即在一个下拉框选择一个选项后,另一个下拉框会根据前者的选值动态更新其选项。这在数据筛选、地区选择、分类细化等场景中非常常见。 ...

    EXT中COMBOX联动

    2. **Listeners(监听器)**:在EXTJS中,可以为组件添加事件监听器来响应特定的用户操作或程序事件。例如,为COMBOBOX添加`select`事件监听器,当用户选择一个新选项时,触发相应的处理函数。 3. **Ajax请求**:...

    基于vs2010的省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs) 示例源代码

    本示例代码“基于vs2010的省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs) 示例源代码”正是为了解决这个问题。它提供了在Visual Studio 2010环境下,使用ASP.NET、jQuery和ExtJS三种不同...

    ExtJs 最新最全中文API帮助文档 CHM版

    - **Listeners**:组件间的事件监听和触发,实现组件间的交互和联动。 - **Event Bus**:事件总线,用于全局事件的发布和订阅。 10. **国际化(Internationalization, i18n)** - 支持多语言切换,通过更换语言包...

    extjs 微调控件,时间微调控件,微调,javascript 微调

    4. **联动功能**:可以将微调控件与其他组件联动,例如与时间字段配合,当微调数值变化时自动更新时间显示。 5. **扩展功能**:如果你需要更复杂的行为,可以创建一个新的类,继承自Spinner,并覆盖或添加必要的...

    Extjs做的treepanel+tab切换页

    在"Extjs 做的treepanel+tab切换页"这个项目中,我们主要关注的是如何利用ExtJS 3.2版本来创建一个具备折叠面板(Collapsible Panel)功能的树形视图(TreePanel),以及与之联动的选项卡(TabPanel)。这个设计允许...

    精通JS脚本之ExtJS框架.part2.rar

    12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 12.3.3 自动保存的网络记事本 12.3.4 网页计算器 第13章 设计数据驱动模式 13.1 XML/JSON数据格式比较 13.2 容器类MixedCollection 13.3 数据存储基本单元...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    全选功能通常通过添加一个特殊的复选框来实现,该复选框与所有其他复选框的状态联动,当所有项被选中时,全选复选框自动选中;反之,当至少有一项未被选中时,全选复选框应该变为未选中状态。 问题的根源在于事件...

    extjs动态表单

    从提供的标签“源码”和“工具”来看,可能包含的资源kk.doc可能是一个示例代码文档或教程,展示了如何在ExtJS中创建和操作动态表单的详细步骤和代码片段。对于初学者来说,阅读和理解这样的文档有助于深入掌握动态...

    ExtJS扩展:lovcombo(已解决Bug版)

    ExtJS是一种基于JavaScript的富客户端应用开发框架,用于构建交互性强、用户体验良好的Web应用程序。它提供了大量的组件,包括表格、面板、菜单、表单等,让开发者能够轻松地创建复杂的前端用户界面。在这些组件中,...

Global site tag (gtag.js) - Google Analytics