/source/gl/mb/form/colorpickerfield.html
HTML | 185 lines | 182 code | 3 blank | 0 comment | 0 complexity | 0450ce1a8bb2714c8575f213dbd164ae MD5 | raw file
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2<html> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5<title>??????-combo</title> 6<{$showjs}> 7<link rel="stylesheet" type="text/css" href="../css/main1.css" /> 8 <style> 9 .x-check-group-alt { 10 background: #D1DDEF; 11 border-top:1px dotted #B5B8C8; 12 border-bottom:1px dotted #B5B8C8; 13 } 14 </style> 15<script language="javascript"> 16Ext.onReady(function(){ 17 Ext.QuickTips.init(); 18 Ext.form.Field.prototype.msgTarget = 'side'; 19 var myMask = new Ext.LoadMask(Ext.getBody(), { 20 msg: '???...', 21 removeMask: true //????? 22 }); 23 var fp = new Ext.FormPanel({ 24 frame: true, 25// title:'????? [Right Group Config]', 26 labelWidth: 110, 27 width: Ext.getBody().getWidth(), 28 renderTo:'form-ct', 29 bodyStyle: 'padding:0 10px 0;', 30 31 items: [{ 32 xtype:'fieldset', 33 title: '????', 34 autoHeight: true, 35 layout: 'form', 36 items: [{ 37 xtype: 'textfield', 38 name: 'width', 39 fieldLabel: '??', 40 itemCls: 'x-check-group-alt', 41 value:'<{if $fld.width==''}>300<{else}><{$fld.width}><{/if}>', 42 width:'80px' 43 },{ 44 xtype: 'textfield', 45 name: 'ts', 46 fieldLabel: '???', 47 value:'<{if $fld.ts==''}><{$fld.name}>????!<{else}><{$fld.ts}><{/if}>', 48 anchor: '95%' 49 },{ 50 xtype: 'checkboxgroup', 51 fieldLabel: '????', 52 itemCls: 'x-check-group-alt', 53 items: [ 54 {boxLabel: '????', name: 'yxwk',inputValue:1<{if $fld.yxwk=='1'}>,checked: true<{/if}>}, 55 {boxLabel: '????', name: 'bt',inputValue: 1<{if $fld.bt=='1'}>,checked: true<{/if}>}, 56 {boxLabel: '????', name: 'gj',inputValue: 1<{if $fld.gj=='1'}>,checked: true<{/if}>}, 57 {boxLabel: '????', name: 'cfg[qj]',inputValue: 1<{if $cfg.qj=='1'}>,checked: true<{/if}>}, 58 {boxLabel: '????', name: 'zy',inputValue: 1<{if $fld.zy=='1'}>,checked: true<{/if}>}, 59 {boxLabel: '????', name: 'xr',inputValue:1<{if $fld.xr=='1'}>,checked: true<{/if}>} 60 ] 61 }] 62 },{ 63 xtype:'fieldset', 64 title: '??????', 65 autoHeight: true, 66 items: [{ 67 itemCls: 'x-check-group-alt', 68 allowBlank: false, 69 layout:'form', 70 items: [{ 71 xtype: 'checkboxgroup', 72 fieldLabel: '????', 73 itemCls: 'x-check-group-alt', 74 items: [ 75 {boxLabel: '??', name: 'cfg[readonly]',inputValue:1<{if $cfg.readonly=='1'}>,checked: true<{/if}>} 76 ] 77 },{ 78 xtype: 'textarea', 79 fieldLabel: 'STR[JSON]{,??,?????,???EXTJS??JSON??.}', 80 name:'cfg[STR]', 81 width:200, 82 value:'<{$cfg.STR}>' 83 }] 84 }] 85 },{ 86 xtype:'fieldset', 87 title: '????', 88 autoHeight: true, 89 items: [{ 90 itemCls: 'x-check-group-alt', 91 allowBlank: false, 92 layout:'column', 93 items: [{ 94 columnWidth: '.33', 95 bodyStyle: 'padding:0 10px 0;', 96 labelWidth:60, 97 layout:'form', 98 items: [{ 99 html:"<font color='red'><b>???<hr></b></font>" 100 },{xtype: 'combo',value:'<{if $fld.qzfs==''}>1<{else}><{$fld.qzfs}><{/if}>',fieldLabel:'????',blankText:'...????',style:'text-align:left',mode: 'local',forceSelection: true,triggerAction: 'all',width: 90,editable: false,emptyText:'???...',valueField :'yinv',displayField:'xianv',store:new Ext.data.SimpleStore({fields:['yinv','xianv'],data:[['0','???'],['1','????'],['function','function'],['$_GET','$_GET'],['$_POST','$_POST'],['$_SESSION','$_SESSION'],['$_COOKIE','$_COOKIE'],['$_SERVER','$_SERVER'],['$_ENV','$_ENV'],['$_FILES','$_FILES']]}),hiddenName: 'qzfs'}, 101{ 102 xtype: 'textfield', 103 name: 'blm', 104 fieldLabel: '???', 105 value:"<{$fld.blm}>", 106 width:'80px'}] 107 },{ 108 columnWidth: '.33', 109 bodyStyle: 'padding:0 10px 0;', 110 labelWidth:40, 111 layout:'form', 112 items: [{ 113 html:"<font color='red'><b>XY??<hr></b></font>" 114 },{ 115 xtype: 'textfield', 116 name: 'x', 117 fieldLabel: 'X?', 118 value:'<{$fld.x}>', 119 width:'80px'}, 120{ 121 xtype: 'textfield', 122 name: 'y', 123 fieldLabel: 'Y?', 124 value:'<{$fld.y}>', 125 width:'80px'}] 126 },{ 127 columnWidth: '.33', 128 bodyStyle: 'padding:0 10px 0;', 129 labelWidth:40, 130 layout:'form', 131 items: [{ 132 html:"<font color='red'><b>Z??<hr></b></font>" 133 },{ 134 xtype: 'textfield', 135 name: 'z', 136 fieldLabel: 'Z?', 137 value:'<{$fld.z}>', 138 width:'80px'},{ 139 xtype: 'hidden', 140 name: 'id', 141 value:'<{$fld.id}>'},{ 142 xtype: 'hidden', 143 name: 'type', 144 value:'<{$fld.type}>'}] 145 }] 146 }] 147 }], 148 149 buttons: [{ 150 text: '??', 151 handler: function(){ 152 if(fp.getForm().isValid()){ 153 //Ext.Msg.alert('Submitted Values',fp.getForm().getValues(true).replace(/&/g,', ')); 154 myMask.show(); 155 fp.form.doAction('submit',{ 156 url:'fldcfg.php', 157 method:'POST', 158 params:{op:'save'}, 159 waitMsg:'????....', 160 success:function (response){ 161 myMask.hide(); 162 parent.Ext.getCmp('<{$fld.id}>').close(); 163 Ext.MessageBox.alert('????','????'); 164 }, 165 failure:function (response){ 166 Ext.MessageBox.alert('????','????'); 167 } 168 }); 169 170 } 171 } 172 },{ 173 text: 'Reset', 174 handler: function(){ 175 fp.getForm().reset(); 176 } 177 }] 178 }); 179}); 180</script> 181</head> 182<body> 183<div id="form-ct"></div> 184</body> 185</html>