`
dengddq
  • 浏览: 31986 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

使用ComboBox扩展Ext分页

    博客分类:
  • Ext
阅读更多
下面是Ext.grid.GridPanel分页工具条:

bbar: this.pagingToolbar=new Ext.PagingToolbar({
            pageSize: 14,
            store: store,
            displayInfo: true,
            beforePageText : "第",
afterPageText : "页共 {0} 页",
displayMsg : "显示 {0} - {1},共 {2} 条",
emptyMsg : '没有数据需要显示',
items:[
   '    每页显示数',
   new Ext.form.ComboBox({
    store:new Ext.data.SimpleStore({
    fields: ['abbr', 'state'],
    data : [[10,10],[15,15],[20,20],[30,30],[40,40],[60,60],[80,80],[100,100]]
}),
width:50,
    displayField:'state',
    typeAhead: true,
    mode: 'local',
value:14,
    triggerAction: 'all',
    selectOnFocus:true,
listeners:{
change:{
fn:function(box,newValue,oldValue){
Page.changePageSize(newValue);
}
    },
select:{
fn:function(combo, value){
Page.changePageSize(combo.getValue()); 
}
    } 
}
})
]           
        })

......
changePageSize:function(pageSize){
      if(pageSize!=null&&pageSize>0)
      this.pagingToolbar.pageSize=parseInt(pageSize);
      this.store.load({params:{start:0, limit:this.pagingToolbar.pageSize}});
  this.store.reload();
  },
分享到:
评论
2 楼 s_liujianming 2008-09-19  
非常感谢你内容管理系统的部分代码,让我进一步得完善了grid组件的使用
1 楼 javaliyan 2008-07-17  
[flash=200,200][/flash][/color][color=orange][size=medium][/size][align=right][/align]
引用
[img][/img]         

相关推荐

    Ext ComboboxGrid

    "Ext ComboboxGrid"是一个基于Ext JS框架的组件,它结合了下拉框(ComboBox)和数据网格(Grid)的功能,提供了一种更强大的选择和筛选数据的方式。在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则...

    Ext带图标Combobox

    而"Ext带图标Combobox"(Ext IconCombobox)是Ext JS中的一个特色组件,它是Combobox(下拉框)与图标相结合的一种扩展形式,为用户提供了更加直观且美观的交互体验。 **1. Ext Combobox基础** 首先,我们需要了解...

    Ext ComBobox 附带完整附件

    Ext ComBobox扩展了这一概念,提供更高级的交互和定制能力。 2. **数据绑定**:Ext JS支持数据绑定,这意味着ComBobox的选项可以直接与后台数据源关联,当数据源发生变化时,组合框会自动更新,反之亦然。 3. **...

    ext多选下拉列表的全选功能实现

    MultiComboBox是ExtJS中的一个自定义组件,它扩展了基础的ComboBox类,增加了多选的功能。默认情况下,ComboBox只允许用户选择一个值,而MultiComboBox则允许用户选择多个值,这些值通常以复选框的形式展示。 要...

    Ext下拉列表扩展lovcombo

    EXT下拉列表扩展lovcombo的实现,主要是对ComboBox进行了自定义,将下拉菜单中的选项呈现为一组可被勾选的复选框。这样做可以显著增强用户体验,特别是当选项数量较多时,用户可以快速地多选,而无需反复打开下拉...

    extjs3.x combobox智能联想

    在提供的`combobox智能联想.txt`文件中,可能会包含实现上述功能的具体代码示例,包括EXTJS的配置、事件处理和可能的自定义扩展。通过阅读和理解这些代码,你可以更好地掌握EXTJS 3.x Combobox的智能联想功能,并...

    Ext用户扩展控件 ------超级下拉列表控件支持多选,删除,添加

    UxSuperBoxSelect是ExtJS社区开发的一个自定义控件,它是对标准`ComboBox`(组合框)的扩展。此控件允许用户不仅可以选择一个或多个选项,还可以直接在下拉列表中添加新的选项,以及删除已选择的选项,提高了交互性...

    EXT教程EXT用大量的实例演示Ext实例

    Ext的表单(Form)和输入控件(例如ComboBox)功能强大,支持丰富的验证机制和自定义布局。用户可以通过这些控件收集用户输入的数据,并提供多种提交数据的方式。Ext JS还提供了丰富的验证规则,使得表单验证更为...

    ext-2.2.zip

    在CDH使用oozie 的时候需要安装ext-2.2.zip; 新增和改进的功能包括: 1、FileUploadField 文件上传 体验例子见:http://extjs.com/deploy/dev/examples/form/file-upload.html 2、GMapPanel GMap扩展 体验...

    Ext Js权威指南(.zip.001

    7.2.10 使用浏览器存储的代理:ext.data.webstorageproxy、ext.data. sessionstorageproxy和ext.data.proxy.localstorage / 314 7.3 读取和格式化数据 / 315 7.3.1 概述 / 315 7.3.2 数据的转换过程:ext.data....

    Ext组件描述,各个组件含义

    **2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 ...

    Ext常用扩展插件实例收集

    IconCombo 是一个扩展了标准 ComboBox 组件的插件,它允许在下拉选项中添加图标,提高了用户界面的可识别性和美观度。开发者可以通过指定每个选项的图标类,实现不同的视觉效果,提升用户体验。 3. **...

    EXT_JS实例,官方实例

    EXT JS 3.2.1是一个稳定且广泛使用的版本,包含了各种功能和改进,包括表格、树形视图、网格、表单、菜单、工具提示、窗口和其他UI组件的实现。 1. **EXT JS组件**:EXT JS提供了一系列组件,如按钮(Button)、...

    Ext扩展整理后吐血奉献

    标题中的“Ext扩展整理后吐血奉献”表明这是一篇关于ExtJS框架中扩展组件的深入解析文章。ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用,它提供了丰富的UI组件,包括表格、面板、窗口等。"吐血奉献...

    ext-word文档

    #### 扩展EXT组件 ExtJS允许开发者扩展现有的组件,以满足特定的需求。这通常是通过覆盖现有组件的方法或属性来实现的。例如,可以通过继承一个现有组件,并在其基础上添加新的功能: ```javascript Ext.define('...

    EXT TreeFilter 插件

    在实际开发中,EXT TreeFilter插件不仅可以用于搜索,还可以结合其他EXT组件,如Combobox、TextField等,创建复杂的交互式搜索界面。通过灵活地配置和扩展,可以满足不同场景下的需求。 总结起来,EXT TreeFilter...

    EXt 可以编辑的grid

    EXT JS的Grid Panel支持丰富的功能,如排序、过滤、分页以及各种类型的数据显示。 CellEditing是EXT JS中的一个编辑模式,它使得用户能够直接在选择的单元格内进行编辑,而不是打开一个单独的窗口或表单。这个模式...

    GWT-Ext_体验之旅.doc

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

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

    - 考虑到性能,可能需要在初次加载时只加载一部分数据,使用分页或懒加载(lazy loading)技术。 - 为了提高可维护性,应将组件的配置和逻辑封装在自定义扩展(Extension)或组件(Component)中。 综上所述,...

Global site tag (gtag.js) - Google Analytics