`

ext从后台加载数据到下拉框

 
阅读更多

加载数据

var comboxStore = new Ext.data.JsonStore({   
		autoLoad:true,   
		url : '/fileSavePolicyConf/getPolicyParaCode',  
		fields : [
		          {name : 'collTaskParaId',mapping : 'COLL_TASK_PARA_ID'},
		          {name : 'collPolicyParaName',mapping : 'COLL_TASK_PARA_NAME'}
		          ] 
	});

 下拉框

var collTaskParaIdCombo = new ST.ux.ExtField.ClearableComboBox({
		name:'collTaskParaId',
		width: 150,
		mode : 'local',
		anchor:'97%',
		allowBlank: true,
		blankText : "不能为空",
		forceSelection : true,
		editable : false,
		fieldLabel:'策略参数名称',
		displayField:'collPolicyParaName',
		valueField:'collTaskParaId',
		hiddenField:'collTaskParaId',
		triggerAction : 'all',
		store : comboxStore
		
	});

 把下拉按钮加到其他列表

var formPanel = new Ext.form.FormPanel({
		id:'node_formPanel2',
		padding:10,
		margin:10,
		labelWidth:80,
		split : true,
		scripts : true,
		autoScroll : true,
		viewConfig : {forceFit : true},
		layout:'form',
		items:[
			{xtype:'textfield', id:'policyParaId_text_add2',name:'policyParaId',anchor:'97%',fieldLabel:'策略参数id',hidden:true},
			{xtype:'textfield', id:'policyDefineId_text_add2',name:'policyDefineId',anchor:'97%',fieldLabel:'策略参数id',hidden:true},
			
			collTaskParaIdCombo,

 

分享到:
评论

相关推荐

    jsp从数据库获取数据填充下拉框实现二级联动菜单的方法

    `list`属性指定的是后台传入的列表数据,`onchange`事件触发时会调用`getTsFromDescribe`函数,实现二级菜单的动态加载。 在后台,我们通常会使用Service层和DAO层来处理数据。Service层调用DAO层的方法获取数据库...

    EXT 的一个例子lookup

    4. **异步数据加载**: 当处理`lookup`时,EXT 经常需要从服务器异步获取数据。这通常通过AJAX请求实现,如使用EXT的`Ext.Ajax.request`方法,或者利用Store的`load`方法。 5. **Stores(数据存储)**: EXT 中的...

    [Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree

    这个面板可以由`index.jsp`提供数据,这是一个通常用来处理数据请求的后台页面,例如从数据库中查询数据并返回JSON格式的结果。 `getNodes.jsp`则可能是用于获取树形结构节点数据的接口。在实际应用中,当用户展开...

    ext表单

    EXT JS是一个强大的JavaScript库,提供了一系列组件化的UI控件,包括各种类型的表单元素,如文本框、下拉框、复选框、日期选择器等,以及数据绑定和验证功能,使得开发者可以构建出具有桌面应用般体验的Web应用。...

    Ext常用功能开发总结

    通过`dockedItems`配置,添加`Ext.toolbar.Toolbar`到表格顶部,可包含按钮、下拉框等元素。 #### 表格底端工具条 与顶端工具条类似,只是添加到表格底部。 #### 表格的加载与查询的实现 使用`store.load()`方法...

    ext 2.0 form demo

    2. 表单加载与填充:可以从服务器动态加载表单数据,或根据用户选择填充表单。 3. 表单重置:方便地清空表单字段,恢复到初始状态。 四、EXT 2.0 Form API EXT 2.0提供了丰富的API,允许开发者通过JavaScript进行...

    JavaScript凌厉开发——Ext JS3详解与实践

    6. **表单处理**:Ext JS3的表单组件功能强大,支持各种表单元素,包括文本、复选框、下拉框等,同时提供了验证和提交数据的机制,是构建用户输入界面的关键。 7. **图表和图表组件**:Ext JS3包含一套图表组件,可...

    Ext_comBox模糊查询

    在EXT JS中,Combox(下拉框组件)是一种常用的输入控件,它结合了文本输入框和下拉列表的功能,常用于数据选择和输入。本文将深入探讨如何在EXT中实现Combox的模糊查询功能,以及后台处理自动检索的方法。 模糊...

    EXT 2.0资料

    EXT 2.0提供了多种表单组件,如文本框、下拉框、复选框等,用于输入数据。开发者可以通过监听表单的submit事件,在用户提交时调用Ajax接口将数据发送到服务器端。 3. **删除功能**:在EXT 2.0中,删除操作通常与...

    深入浅出EXT JS 一书源代码

    6. **Ajax通信**:EXT JS 内置了Ajax通信机制,可以轻松实现后台数据的异步加载和提交,增强了Web应用的响应速度。 7. **图表组件**:EXT JS 包含多种图表类型,如柱状图、饼图、线图等,便于数据可视化。 8. **...

    Ext gridPane

    7. **编辑功能**:通过配置,GridPane可以变为可编辑的表格,用户可以直接在单元格内修改数据,这些更改会实时反映到数据存储中。 8. **多选和行选**:GridPane支持行的多选和单选,可以方便地进行批量操作,如删除...

    基于ExtJS技术实现的DataGrid 动态数据绑定检索例子程序代码

    本示例程序代码是基于ExtJS技术实现的DataGrid动态数据绑定检索功能,它允许用户实时地从服务器检索和展示数据。 在DataGrid组件中,动态数据绑定是指将表格的数据源与服务器上的数据实时连接,当数据发生变化时,...

    Ext 3.0 中文API

    3. **数据绑定**:框架支持双向数据绑定,使得UI与后台数据之间可以自动同步,减少了手动更新UI的工作量,提高了代码的可维护性。 4. **Store和Model**:Store是存储数据的容器,它可以与服务器进行异步通信,加载...

    简单ext jsp数据库操作例子

    EXT JS库提供了丰富的组件库,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,这些组件可以轻松地绑定到数据源,实现数据的动态展示和编辑。在学生管理系统中,我们可以使用GridPanel显示学生...

    G4Studio_V3.0 Ext非常详细的例子

    2. 数据绑定:ExtJS的数据绑定机制使得UI组件与后台数据模型之间能够无缝同步,极大地简化了数据操作。通过观察者模式,你可以看到如何实时更新界面以反映数据变化。 二、ExtJS表单 表单在Web应用中扮演着至关重要...

    Extjs3+MySQL后台数据库实现省份城市二级联动

    4. **Ajax请求与数据绑定**:在城市下拉框的`select`事件处理函数中,使用Ext.Ajax发送GET请求到服务器,传递省份ID。收到服务器返回的JSON数据后,使用`store.loadData`方法更新城市下拉框的数据。 5. **样式与...

    extjs完成用户增删改查

    `Ext.data.Store`负责从服务器获取数据、缓存数据,并与视图进行双向数据绑定。在用户管理中,创建一个Store来管理用户模型实例,可以通过`load`方法加载数据,或`add`、`remove`、`update`方法操作数据。 4. **...

    ExtJS下拉列表树控件

    `ComboBox` 的 `queryMode` 一般设为 'local',因为下拉列表树的数据通常是静态的或者在初始化时已经加载完成。如果数据量很大,也可以设置为 'remote',并实现后台过滤。 最后,可以添加一些自定义事件监听,例如...

    extjs网页控件开发

    4. **Store配置**:配置Store的proxy,连接到后台数据源,可以是JSONP、Ajax或者远程服务器。 5. **模板和渲染器**:定义列表项的展示模板,以及如何将数据模型转化为可视化的元素。 在实际项目中,你可能还需要...

    Extjs中文教程

    - 数据在Extjs中不仅仅是指存储的数据,还涉及到数据的加载、处理和展示。 - 组件与数据紧密相关,许多组件都需要数据源的支持才能正常工作。 - **Ext.data.DataProxy类** - 负责从服务器加载数据,包括异步请求...

Global site tag (gtag.js) - Google Analytics