rendered paste bodyExt.namespace('dokuarchiv');dokuarchiv.application = function() { return { init: function() { Ext.ux.menu.RangeMenu.prototype.icons = { gt: 'gfx/greater_then.png', lt: 'gfx/less_then.png', eq: 'gfx/equals.png' }; Ext.ux.grid.filter.StringFilter.prototype.icon = 'data/gfx/icons/oxygen/16x16/actions/edit-find.png'; Ext.ux.grid.filter.DateFilter.prototype.dateFormat = 'Y-m-d'; Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var datareader = new Ext.ux.data.BufferedJsonReader({ root: 'data.results.items', versionProperty: 'data.results.version', totalProperty: 'data.total', id: 'ID' }, [{ name: 'ID', sortType: 'int' },{ name: 'Name', sortType: 'string' },{ name: 'Vorname', sortType: 'string' },{ name: 'Geburtsdatum', sortType: 'int' }] ); var datastore = new Ext.ux.grid.BufferedStore({ autoLoad: true, bufferSize: 150, url: 'dataproxy.php', reader: datareader, sortInfo: {field: 'Name', direction: 'ASC'}, }); var filters = new Ext.ux.grid.GridFilters({filters:[ {type: 'string', dataIndex: 'Name'}, {type: 'string', dataIndex: 'Vorname'}, {type: 'date', dataIndex: 'Geburtsdatum'} ]}); var columnmodel = new Ext.grid.ColumnModel([ {dataIndex: 'ID', header: 'ID', hidden: 'true'}, {dataIndex: 'Name', header: 'Name'}, {dataIndex: 'Vorname', header: 'Vorname'}, {dataIndex: 'Geburtsdatum', header: 'Geburtsdatum', align: 'center'} ]); columnmodel.defaultSortable = true; var gridview = new Ext.ux.grid.BufferedGridView({ nearLimit: 20, loadMask: { msg: 'Daten werden<br>nachgeladen...' } }); var selectionmodel = new Ext.ux.grid.BufferedRowSelectionModel(); var bodypanel = new Ext.Panel({ layout:"fit", renderTo:"innerbody", items:[{ xtype:"tabpanel", id:"maintabpanel", activeTab:0, deferredRender:false, height:350, items:[{ xtype:"panel", title:"Patienten", iconCls: "tab_icon_patienten", layout:"border", renderTo:"Patienten", items:[{ xtype:"grid", id: "patientengrid", ds: datastore, cm: columnmodel, sm: selectionmodel, loadMask: true, view: gridview, plugins: filters, region: "center", bbar: new Ext.ux.BufferedGridToolbar({ view: gridview, displayInfo: true, displayMsg: 'Zeige {0} - {1} von {2}', emptyMsg: 'Keine Daten anzuzeigen', refreshText: 'Neu laden' }), layout: "fit" },{ region:"east", title:"Aktionen", width:220, autosize:"true", layout:"fit", id:"Patienten_Aktionen", items:[{ xtype:"form", name:"Patienten_Form", buttons:[{ text:"Speichern" },{ text:"Abbrechen" }], title:"Daten bearbeiten", autoHeight:true, items:[{ xtype:"textfield", fieldLabel:"Name", name:"Name" },{ xtype:"textfield", fieldLabel:"Vorname", name:"Vorname" },{ xtype:"datefield", fieldLabel:"Geburtsdatum", name:"Geburtsdatum" }] }] }] },{ xtype:"panel", title:"Operationen", iconCls: "tab_icon_operationen", layout:"border", items:[{ region:"center", layout:"fit" },{ region:"east", title:"Aktionen", width:220, autosize:"true", layout:"fit", items:[{ xtype:"form", name:"Operationen", buttons:[{ text:"Speichern" },{ text:"Abbrechen" }], title:"Daten bearbeiten", autoHeight:true, items:[{ xtype:"combo", fieldLabel:"Patient", name:"Patient", editable:false },{ xtype:"datefield", fieldLabel:"OP-Datum", name:"OP-Datum" },{ xtype:"combo", name:"Operateur", fieldLabel:"Operateur" },{ xtype:"fieldset", title:"Diagnosen-Details", autoHeight:true, items:[{ xtype:"combo", fieldLabel:"Kategorie" },{ xtype:"combo", fieldLabel:"Subkategorie" }] }] }] }] },{ xtype:"panel", title:"Medien", layout:"border", iconCls: "tab_icon_medien", items:[{ region:"center", layout:"fit" },{ region:"east", title:"Aktionen", width:220, autosize:"true", layout:"fit", items:[{ xtype:"form", name:"Medien", buttons:[{ text:"Speichern" },{ text:"Abbrechen" }], title:"Daten bearbeiten", autoHeight:true, items:[{ xtype:"combo", fieldLabel:"Typ", name:"Typ", editable:false }] }] }] },{ xtype:"panel", title:"Adminstration", iconCls: "tab_icon_administration", layout:"fit" }] }] }); datastore.load(); bodypanel.render(); } };}(); Ext.onReady(dokuarchiv.application.init, dokuarchiv.application);