131 lines
2.0 KiB
HTML
131 lines
2.0 KiB
HTML
<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 !important;
|
|
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) !important;
|
|
}
|
|
.icon-user-delete {
|
|
background-image: url(/images/delete-row.png) !important;
|
|
}
|
|
|
|
/*!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>
|
|
|
|
|
|
|
|
|