`
chun521521
  • 浏览: 285177 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

Ext.grid.GridPanel 加2个tbar

 
阅读更多

var grid = new Ext.grid.GridPanel({
   region:'center',
   store: ds, cm: cm, sm: sm,

   tbar: [{
          text: '1', iconCls: 'icon_art_edit', handler: function(btn){ }
         },'-',{
          text: '2, iconCls: 'icon_art_add', handler: function(btn){ }
         },{
          text: '3, iconCls: 'icon_art_delete', handler: function(btn){ }
         },'-',{
          text: '4, iconCls: 'icon_p_a', handler: function(btn){  }
         },{
          text: '5, iconCls: 'icon_p_r_0', handler: function(btn){ }
         }],

         listeners : {
           'render': function() {
               this.tbar2 = new Ext.Toolbar({ 
               renderTo: grid.tbar,
               items:['->',
                        '代理商:',new Ext.form.TextField({ id:'qfield1',width:120 }),{
                        text: '查询', iconCls: 'icon_find', handler: function(){ ds.reload(); }
                }]

            })

          }

       }

});

 

 

 

分享到:
评论

相关推荐

    Ext_Js分页显示案例详解

    var grid = new Ext.grid.GridPanel({ store: store, columns: [ {header: 'ID', dataIndex: 'id', width: 100}, {header: 'Title', dataIndex: 'title', flex: 1}, {header: 'Detail', dataIndex: 'detail', ...

    ext 列表页面关于多行查询的办法

    首先在Ext.grid.GridPanel中必须要有tbar对象 然后要增加listeners: { ‘render’: function() { bbar2.render(this.tbar); //add one tbar //twoTbar.render(this.tbar); //add two tbar // threeTbar.render(this....

    ExtJs grid多选时获取选中的所有值

    var gridFatList = new Ext.grid.GridPanel({ el: 'noAuditUsers', store: storeFatList, frame: true, width: 685, height: 400, title: '未审核用户', collapsible: true, cm: cmFatList, sm: sm, // ...

    Ext 实现自定义控件

    在这里,我们创建了一个名为 `myArticleList` 的新组件,它继承自 `Ext.grid.GridPanel`。在 `initComponent` 中,我们创建了一个新的 `JsonStore` 用于存储数据,并设置了其字段和数据源URL。注意,重载 `...

    extjs gridpanel例子和简单应用

    var _grid = new Ext.grid.GridPanel({ height: 500, width: 800, store: _store, title: 'grid', cm: _cm, tbar: _toolbar }); ``` 最后创建了一个`GridPanel`实例,指定了其高度、宽度、数据源、标题、...

    Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码

    之后,创建一个`Ext.grid.GridPanel`实例,将其`store`属性设置为之前创建的`store`,并配置列和分页工具栏。分页工具栏通过`Ext.PagingToolbar`创建,设置`pageSize`为每页显示的记录数,以及与`store`关联,以便...

    gridPanel添加按钮

    例如,在ExtJS中,我们可以创建一个新的`Ext.toolbar.Toolbar`实例,并将其附加到`gridPanel`的顶部或底部。 ```javascript var toolbar = Ext.create('Ext.toolbar.Toolbar', { dock: 'top', // 或者 'bottom' ...

    Ext面向对象开发实践代码第1/2页

    首先,`PersonListGridPanel` 类是基于 `Ext.grid.GridPanel` 扩展的,它添加了两个窗口实例变量 `insertWin` 和 `updateWin`,分别用于处理新增和编辑数据的操作。`constructor` 方法中,这两个窗口实例被创建并...

    extjs入门案例大全

    var grid = new Ext.grid.GridPanel({ ds: ds, cm: cm, width: 300, height: 400, renderTo: 'grids', tbar: [ { xtype: 'datefield' } ] }); grid.render(); }); ``` 在这个例子中,`ColumnModel`定义...

    Ext表格控件和树控件

    var grid = new Ext.grid.GridPanel({ renderTo: "hello", title: "NetJava表格测试", height: 150, width: 600, columns: [ { header: "项目名称", dataIndex: "name" }, { header: "开发团队", dataIndex:...

    基于EXTJS简明教程2.0的笔记

    2. **Ext.Window** 代表一个弹出式的窗口,通过`show()`函数显示窗口内容。 3. **Ext.Panel** 是EXTJS中基础的容器组件,通过`render()`函数将其渲染到指定的DOM元素上,通常传入的是一个ID。 4. **JSON定义组件...

    Struts2+Json+ExtJS分页

    var grid = new Ext.grid.GridPanel({ store: ds, columnModel: cm, tbar: getPager(ds), autoHeight: true, renderTo: 'example-grid', stripeRows: true }); }); function getPager(store) { return new...

    ExtJS4.2入门教程

    var grid = new Ext.grid.GridPanel({ renderTo: Ext.getBody(), title: "中国Java社区", height: 200, width: 400, columns: [ { header: "编号", dataIndex: "id" }, { header: "项目名称", dataIndex: ...

    extjs打印功能

    var grid = new Ext.grid.GridPanel({ region: "center", renderTo: Ext.getBody(), store: centerstore, cm: centerrcm, sm: centersm, id: "centerid", height: 200, loadMask: { msg: 'ڼ,Ժ' }, ...

    Extjs Grid 操作大全

    var alarmGrid = new Ext.grid.GridPanel({ store: store, // 数据源 cm: new Ext.grid.ColumnModel([ // 列模型 { header: "PID", dataIndex: 'pid', width: 100 }, { header: "Name", dataIndex: 'name', ...

    Ext + dwr 实现分页功能

    var grid = new Ext.grid.GridPanel({ store: store, columns: [ {header: 'Name', dataIndex: 'name', width: 150}, {header: 'Description', dataIndex: 'description'} ], tbar: new Ext.PagingToolbar({ ...

    EXTJS操作后返回当前操作页

    4. **GridPanel**:`Ext.grid.GridPanel` 创建了数据网格,配置了列模型(Column Model)、选择模型(Row Selection Model)、样式和其他交互功能。`tbar` 和 `bbar` 分别定义了顶部和底部的工具栏,包含添加、编辑...

    Extjs教程_第五章_使用grid显示数据(3)

    sm: new Ext.grid.RowSelectionModel({ singleSelect: true, listeners: { rowselect: { fn: function(sm, index, record) { Ext.Msg.alert('You Selected', record.data.title); } } } }) ``` 这将创建一...

Global site tag (gtag.js) - Google Analytics