`

Ext之自定义组件,之ComboBox之Ajax查询

    博客分类:
  • ext
阅读更多
//类型
var sto = new Ext.data.JsonStore({
         id:'ds',
         totalProperty:'totalProperty',
         root:'root',
         url:'/commplat/json_service.do',
         baseParams:{
             jsonlist:'jsonlist',
             serviceClassName:'com.rtt.emergency.resource.service.http.cameraTypesServiceJSON',
             serviceMethodName:'queryCameraType'
         },
         fields: [
            {name: 'typeId',type: 'string'},
            {name: 'typeName',type: 'string'}
           
         ],
         pruneModifiedRecords:true
});
sto.load();

var ctype=new Ext.form.ComboBox({
      id:'ctMonitor',
      name:'typeId',
      maxLength:80,
      width:160,
      fieldLabel:'类型',
      triggerAction:"all",//是否开启自动查询功能
      store:sto,//定义数据源
      displayField:"typeName",//关联某一个逻辑列名作为显示值
      valueField:"typeId",//关联某一个逻辑列名作为实际值
      mode:"local",//如果数据来自本地用local 如果来自远程用remote默认为remote
      emptyText:"请选择类型"//没有选择时候的默认值
});

















-
分享到:
评论

相关推荐

    Ext combobox 下拉多选框带搜索功能

    ComboBox在Ext JS中是一个常用的组件,通常用于展示一组可选项,用户可以通过输入文字或者点击下拉列表来选择。而“下拉多选框”意味着这个ComboBox支持多选模式,用户可以选择多个值而不是仅限于一个。结合“带搜索...

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

    用Ext 2_0 combobox 做的省份和城市联动选择框 DOJO中国

    Ext 2.0的Combobox组件主要包含以下几个关键属性和方法: 1. **store**:这是Combobox的数据源,通常是一个Ext.data.Store对象,用于存储省份和城市的数据。数据可以是XML、JSON或其他格式,通过配置reader进行解析...

    extjs 自动补全 模拟combobox

    这些文件可以帮助你自定义EXTJS的自动补全功能,比如定制查询逻辑、渲染选项或者处理用户选择事件。 在EXTJS中,还可以通过监听`select`事件来处理用户选择了一个选项后的操作,`keyup`事件可以用来实时更新查询...

    Ext_comBox模糊查询

    var combobox = Ext.create('Ext.form.field.ComboBox', { fieldLabel: '医院名称', store: { type: 'hospitalStore', // 自定义的远程Store autoLoad: true, proxy: { type: 'ajax', url: 'handler/...

    EXT_JS实例,官方实例

    4. **EXT JS Grid**:Grid组件是EXT JS的核心组件之一,用于展示大量数据。它支持分页、排序、过滤和编辑功能,可以实现高度自定义的列显示和操作。 5. **EXT JS Tree**:Tree组件提供了树形结构的数据展示,适用于...

    ext-word文档

    通过研究源码,可以学习到如何扩展和自定义组件。 #### 核心Core `Core`模块包含了ExtJS中最基础的功能,如DOM操作、事件处理等。这些功能为整个框架提供了坚实的基础。 #### Javascript中的作用域(scope) 作用...

    extjs实现选择多表自定义查询功能 前台部分(ext源码)

    2. **RemoteCheckboxGroup.js**:这是一个自定义组件,用于动态生成表字段,这些字段可以在查询结果中展示。通过此组件,用户可以根据需要选择查询的字段,增强了查询的灵活性。 3. **Ext.ux.grid.RowActions.js**...

    EXT中COMBOX联动

    7. **Config选项**:COMBOBOX组件有许多配置选项,如`displayField`(显示字段)、`valueField`(值字段)和`queryMode`(查询模式),这些配置会影响联动效果。例如,`queryMode: 'remote'`可以使COMBOBOX在用户...

    Ext2.0 form使用实例的例程

    8. **自定义组件(Custom Components)**:如果你需要特殊的表单元素,可以通过扩展现有组件或从头创建新的组件来实现。这使得Ext 2.0具有极高的可扩展性。 在提供的压缩包中,EXT2文件很可能是包含这些示例代码的...

    EXT 中文手册

    - **继承机制**:EXT中的组件支持继承,允许开发者创建自定义组件,继承现有组件的功能并添加新的特性。 - **组件模型**:EXT的组件模型基于MVC(Model-View-Controller)架构,清晰地区分了数据模型、视图和控制器...

    ext 下拉树demo

    4. **TreePicker**:EXT中的下拉树组件可能基于Combobox(组合框)组件扩展,提供树形选择功能。它在初始状态下显示为一个输入框,当用户点击时展开为一个下拉树列表。 5. **配置项**:在创建TreePicker时,需要...

    GWT-Ext_体验之旅.doc

    GWT-Ext 的核心特点在于它扩展了 GWT,融合了 ExtJS 的丰富界面组件,包括有排序功能的表格(Grid)、分页、过滤、拖拽功能的树、自定义的组合下拉框(Combobox)、目录、对话框、表单(Form)等。 1. **GWT-Ext 的...

    Ext combo 下拉框级联

    Ext JS是一个强大的JavaScript框架,用于创建富客户端应用,其中的ComboBox(下拉框)组件是其核心功能之一。级联下拉框意味着一个下拉框的选项取决于另一个下拉框的选择,这种联动效果常见于地理信息选择、部门与...

    EXT开发文档

    - 表单是 Web 应用中必不可少的部分,**EXT** 提供了多种表单组件,如 TextField、ComboBox 等。 - 可以通过表单组件收集用户输入,并进行验证和提交。 12. **继承**: - **EXT** 支持面向对象编程,可以通过...

    extjs4 下拉菜单树 combobox+tree 支持单选多选

    在EXTJS4中,下拉菜单树(ComboBox+Tree)是一种高级UI组件,它结合了ComboBox的下拉选择框和TreePanel的树形结构,提供了一种用户友好的交互方式,用于展示层次化的数据。这种组件特别适用于需要从多个选项中进行...

    extJs ComboBox级联

    6. **模板(Template)**:ComboBox的显示样式可以自定义,通过配置`displayField`和`valueField`来决定显示哪个字段的值,还可以使用模板来自定义显示内容。 7. **配置项**:ComboBox有许多可配置的选项,如`...

    ext简单例子

    EXT还提供布局管理、数据绑定、Ajax通信等高级特性,使得开发过程更加高效和灵活。对于初学者来说,通过实例学习EXT,理解并掌握这些基础组件的用法,是快速上手EXT的关键步骤。在"cpss1"这个压缩包文件中,可能包含...

    Ext 2.0 中文api 天涯浪子

    6. **表单组件**:Ext 2.0提供了丰富多样的表单组件,如TextField、ComboBox、DateField等,便于创建交互式的表单界面。 7. **Ajax和Ajax Proxy**:通过Ajax接口,开发者可以轻松地发送异步请求到服务器,获取或...

Global site tag (gtag.js) - Google Analytics