Spaces:
Sleeping
Sleeping
| <div style="padding: 15px"> | |
| <div id="list-panel"></div> | |
| </div> | |
| <style type="text/css"> | |
| .x-viewport { | |
| overflow:auto; | |
| } | |
| a { | |
| color: #006699;cursor: pointer;text-decoration: none; | |
| } | |
| a:hover { | |
| color:orange ; | |
| cursor:pointer | |
| } | |
| body { | |
| /* overflow-x: hidden !important;*/ | |
| /* background-color:white !important;*/ | |
| border-color: #D0D0D0; | |
| } | |
| .x-panel-body { | |
| /*background-color:white !important;*/ | |
| border-color: #F1F1F1; | |
| overflow:auto; | |
| } | |
| .ux-layout-center-item { | |
| margin:0 auto; | |
| text-align:left; | |
| } | |
| .ux-layout-center .x-panel-body { | |
| text-align:center; | |
| } | |
| /*!Grid*/ | |
| .x-grid3 .x-window-ml{ | |
| padding-left: 0; | |
| } | |
| .x-grid3 .x-window-mr { | |
| padding-right: 0; | |
| } | |
| .x-grid3 .x-window-tl { | |
| padding-left: 0; | |
| } | |
| .x-grid3 .x-window-tr { | |
| padding-right: 0; | |
| } | |
| .x-grid3 .x-window-tc .x-window-header { | |
| height: 3px; | |
| padding:0; | |
| overflow:hidden; | |
| } | |
| .x-grid3 .x-window-mc { | |
| border-width: 0; | |
| background: #cdd9e8; | |
| } | |
| .x-grid3 .x-window-bl { | |
| padding-left: 0; | |
| } | |
| .x-grid3 .x-window-br { | |
| padding-right: 0; | |
| } | |
| .x-grid3 .x-panel-btns { | |
| padding:0; | |
| } | |
| .x-grid3 .x-panel-btns td.x-toolbar-cell { | |
| padding:3px 3px 0; | |
| } | |
| .x-box-inner { | |
| zoom:1; | |
| } | |
| .icon-user-add { | |
| background-image: url(/images/add-row-after.png) ; | |
| } | |
| .icon-user-delete { | |
| background-image: url(/images/delete-row.png) ; | |
| } | |
| /*!Grid*/ | |
| </style> | |
| <script type="text/javascript"> | |
| var a, b, c; | |
| function addField(){ | |
| fordata= Ext.getCmp('fordata1'); | |
| dynForm = fordata; | |
| a = new Ext.form.TextField({ | |
| fieldLabel: "A" | |
| }); | |
| b = new Ext.form.TextField({ | |
| fieldLabel: "B" | |
| }); | |
| c = new Ext.form.TextField({ | |
| fieldLabel: "C" | |
| }); | |
| dynForm.add( a ); | |
| dynForm.add( b ); | |
| dynForm.addAfter( a, c ); | |
| dynForm.doLayout(); | |
| } | |
| function remove(){ | |
| var e = b.el.up( '.x-form-item' ); | |
| dynForm.remove( b ); | |
| e.remove(); | |
| dynForm.doLayout(); | |
| } | |
| </script> | |