Advanced Search

layout with scrolls

/ Published in: JavaScript
Save to your folder(s)
# layout para un panel con scrollbars

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. Ext.apply(this, {
  2.     // title: 'NOMBRE',
  3.     // iconCls: 'ICONO',
  4.     closable: true,
  5.     autoScroll: true,
  6.     layout: {
  7.         type: 'table',
  8.         columns: 2
  9.     },
  10.     items: [{
  11.         xtype: 'panel',
  12.         width: 690,
  13.         height: 597,
  14.         items: [{
  15.             // FILTROS
  16.             // xtype: 'FILTROS',
  17.             // autoScroll: true,
  18.             height: 150
  19.         }, {
  20.             // GRID
  21.             // xtype: 'GRID',
  22.             // height: 420
  23.             height: 425
  24.         }]
  25.     }, {
  26.         // PANEL
  27.         // xtype: 'PANEL',
  28.         width: 470,
  29.         height: 597,
  30.         rowspan: 2,
  31.         autoScroll: true
  32.         // TOOLBAR
  33.         // tbar: [{
  34.         //  icon: 'resources/images/icons/core/add.png',
  35.         //  text: 'Agregar Oportunidad',
  36.         //  scope: this,
  37.         //  handler: this.onAddClick
  38.         // }, '->', {
  39.         //  icon: 'resources/images/icons/save.png',
  40.         //  text: 'Guardar cambios',
  41.         //  // id:'vguardarcambios',
  42.         //  disabled: true
  43.         //  // scope: this,
  44.         //  // handler: this.onEditClick
  45.         // }]
  46.     }]
  47. });
  48. this.callParent(arguments);

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.