/source/gl/mb/form/colorpickerfield.html

http://prosporous.googlecode.com/ · 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. 

  2. <html>

    3. 

  3. <head>

    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    5. 

  5. <title>??????-combo</title>

    6. 

  6. <{$showjs}>

    7. 

  7. <link rel="stylesheet" type="text/css" href="../css/main1.css" />

    8. 

  8.     <style>

    9. 

  9.         .x-check-group-alt {

    10. 

  10.             background: #D1DDEF;

    11. 

  11.             border-top:1px dotted #B5B8C8;

    12. 

  12.             border-bottom:1px dotted #B5B8C8;

    13. 

  13.         }

    14. 

  14.     </style>

    15. 

  15. <script language="javascript">

    16. 

  16. Ext.onReady(function(){

    17. 

  17.     Ext.QuickTips.init();

    18. 

  18.     Ext.form.Field.prototype.msgTarget = 'side';

    19. 

  19. 	var myMask = new Ext.LoadMask(Ext.getBody(), {

    20. 

  20. 							msg: '???...',

    21. 

  21. 							removeMask: true //?????

    22. 

  22. 						});

    23. 

  23.     var fp = new Ext.FormPanel({

    24. 

  24.         frame: true,

    25. 

  25. //        title:'????? [Right Group Config]',

    26. 

  26.         labelWidth: 110,

    27. 

  27.         width: Ext.getBody().getWidth(),

    28. 

  28.         renderTo:'form-ct',

    29. 

  29.         bodyStyle: 'padding:0 10px 0;',

    30. 

  30.         

    31. 

  31.         items: [{

    32. 

  32.             xtype:'fieldset',

    33. 

  33.             title: '????',

    34. 

  34.             autoHeight: true,

    35. 

  35.             layout: 'form',

    36. 

  36.             items: [{

    37. 

  37.                 xtype: 'textfield',

    38. 

  38.                 name: 'width',

    39. 

  39.                 fieldLabel: '??',

    40. 

  40. 				itemCls: 'x-check-group-alt',

    41. 

  41. 				value:'<{if $fld.width==''}>300<{else}><{$fld.width}><{/if}>',

    42. 

  42. 				width:'80px'

    43. 

  43.             },{

    44. 

  44.                 xtype: 'textfield',

    45. 

  45.                 name: 'ts',

    46. 

  46.                 fieldLabel: '???',

    47. 

  47. 				value:'<{if $fld.ts==''}><{$fld.name}>????!<{else}><{$fld.ts}><{/if}>',

    48. 

  48.                 anchor: '95%'

    49. 

  49.             },{

    50. 

  50.                xtype: 'checkboxgroup',

    51. 

  51.                 fieldLabel: '????',

    52. 

  52. 				itemCls: 'x-check-group-alt',

    53. 

  53.                 items: [

    54. 

  54.                     {boxLabel: '????', name: 'yxwk',inputValue:1<{if $fld.yxwk=='1'}>,checked: true<{/if}>},

    55. 

  55.                     {boxLabel: '????', name: 'bt',inputValue: 1<{if $fld.bt=='1'}>,checked: true<{/if}>},

    56. 

  56.                     {boxLabel: '????', name: 'gj',inputValue: 1<{if $fld.gj=='1'}>,checked: true<{/if}>},

    57. 

  57.                     {boxLabel: '????', name: 'cfg[qj]',inputValue: 1<{if $cfg.qj=='1'}>,checked: true<{/if}>},

    58. 

  58.                     {boxLabel: '????', name: 'zy',inputValue: 1<{if $fld.zy=='1'}>,checked: true<{/if}>},

    59. 

  59.                     {boxLabel: '????', name: 'xr',inputValue:1<{if $fld.xr=='1'}>,checked: true<{/if}>}

    60. 

  60.                 ]

    61. 

  61.             }]

    62. 

  62.         },{

    63. 

  63.             xtype:'fieldset',

    64. 

  64.             title: '??????',

    65. 

  65.             autoHeight: true,

    66. 

  66.             items: [{

    67. 

  67.                 itemCls: 'x-check-group-alt',

    68. 

  68.  				allowBlank: false,

    69. 

  69.                 layout:'form',

    70. 

  70.                 items: [{

    71. 

  71.                xtype: 'checkboxgroup',

    72. 

  72.                 fieldLabel: '????',

    73. 

  73. 				itemCls: 'x-check-group-alt',

    74. 

  74.                 items: [

    75. 

  75.                     {boxLabel: '??', name: 'cfg[readonly]',inputValue:1<{if $cfg.readonly=='1'}>,checked: true<{/if}>}

    76. 

  76.                 ]

    77. 

  77.             },{

    78. 

  78.                	xtype: 'textarea',

    79. 

  79.                 fieldLabel: 'STR[JSON]{,??,?????,???EXTJS??JSON??.}',

    80. 

  80. 				name:'cfg[STR]',

    81. 

  81. 				width:200,

    82. 

  82. 				value:'<{$cfg.STR}>'

    83. 

  83. 	            }]

    84. 

  84.             }]

    85. 

  85.         },{

    86. 

  86.             xtype:'fieldset',

    87. 

  87.             title: '????',

    88. 

  88.             autoHeight: true,

    89. 

  89.             items: [{

    90. 

  90.                 itemCls: 'x-check-group-alt',

    91. 

  91.  				allowBlank: false,

    92. 

  92.                 layout:'column',

    93. 

  93.                 items: [{

    94. 

  94.                     columnWidth: '.33',

    95. 

  95. 			        bodyStyle: 'padding:0 10px 0;',

    96. 

  96.  					labelWidth:60,

    97. 

  97. 					layout:'form',

    98. 

  98.                    items: [{

    99. 

  99. 							html:"<font color='red'><b>???<hr></b></font>"

    100. 

  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. 

  101. {

    102. 

  102.                 xtype: 'textfield',

    103. 

  103.                 name: 'blm',

    104. 

  104.                 fieldLabel: '???',

    105. 

  105. 				value:"<{$fld.blm}>",

    106. 

  106. 				width:'80px'}]

    107. 

  107.                 },{

    108. 

  108.                     columnWidth: '.33',

    109. 

  109. 			        bodyStyle: 'padding:0 10px 0;',

    110. 

  110.  					labelWidth:40,

    111. 

  111. 					layout:'form',

    112. 

  112.                    items: [{

    113. 

  113. 							html:"<font color='red'><b>XY??<hr></b></font>"

    114. 

  114. 							},{

    115. 

  115.                 xtype: 'textfield',

    116. 

  116.                 name: 'x',

    117. 

  117.                 fieldLabel: 'X?',

    118. 

  118. 				value:'<{$fld.x}>',

    119. 

  119. 				width:'80px'},

    120. 

  120. {

    121. 

  121.                 xtype: 'textfield',

    122. 

  122.                 name: 'y',

    123. 

  123.                 fieldLabel: 'Y?',

    124. 

  124. 				value:'<{$fld.y}>',

    125. 

  125. 				width:'80px'}]

    126. 

  126.                 },{

    127. 

  127.                     columnWidth: '.33',

    128. 

  128. 			        bodyStyle: 'padding:0 10px 0;',

    129. 

  129.  					labelWidth:40,

    130. 

  130. 					layout:'form',

    131. 

  131.                    items: [{

    132. 

  132. 							html:"<font color='red'><b>Z??<hr></b></font>"

    133. 

  133. 							},{

    134. 

  134.                 xtype: 'textfield',

    135. 

  135.                 name: 'z',

    136. 

  136.                 fieldLabel: 'Z?',

    137. 

  137. 				value:'<{$fld.z}>',

    138. 

  138. 				width:'80px'},{

    139. 

  139.                 xtype: 'hidden',

    140. 

  140.                 name: 'id',

    141. 

  141. 				value:'<{$fld.id}>'},{

    142. 

  142.                 xtype: 'hidden',

    143. 

  143.                 name: 'type',

    144. 

  144. 				value:'<{$fld.type}>'}]

    145. 

  145.                 }]

    146. 

  146.             }]

    147. 

  147.         }],

    148. 

  148.         

    149. 

  149.         buttons: [{

    150. 

  150.             text: '??',

    151. 

  151.             handler: function(){

    152. 

  152.                if(fp.getForm().isValid()){

    153. 

  153.                     //Ext.Msg.alert('Submitted Values',fp.getForm().getValues(true).replace(/&/g,', '));

    154. 

  154. 					myMask.show();

    155. 

  155. 					fp.form.doAction('submit',{

    156. 

  156. 									url:'fldcfg.php',

    157. 

  157. 									method:'POST',

    158. 

  158. 									params:{op:'save'},

    159. 

  159. 									waitMsg:'????....',

    160. 

  160. 									success:function (response){

    161. 

  161. 									 myMask.hide();

    162. 

  162. 									parent.Ext.getCmp('<{$fld.id}>').close();

    163. 

  163. 									Ext.MessageBox.alert('????','????');

    164. 

  164. 									},

    165. 

  165. 									failure:function (response){

    166. 

  166. 									    Ext.MessageBox.alert('????','????');

    167. 

  167. 									}

    168. 

  168. 								});

    169. 

  169. 

    170. 

  170.                 }

    171. 

  171.             }

    172. 

  172.         },{

    173. 

  173.             text: 'Reset',

    174. 

  174.             handler: function(){

    175. 

  175.                 fp.getForm().reset();

    176. 

  176.             }

    177. 

  177.         }]

    178. 

  178.     });

    179. 

  179. });

    180. 

  180. </script>

    181. 

  181. </head>

    182. 

  182. <body>

    183. 

  183. <div id="form-ct"></div>

    184. 

  184. </body>

    185. 

  185. </html>
    186.