• js问题


    ------------------------------------------------------------------------------------------------


    这是html文件

    View Code
      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         <style type="text/css">
      6             body{margin:0;padding:0;font-size:12px;background:white;}
      7             h3{font-size:16px;color:red;}
      8             label{display:inline-block;width:100px;text-align:right;}
      9             textarea{width:90%;margin:0 auto;height:300px;display:block;}
     10         </style>
     11     </head>
     12     <body>
     13         <h3>引擎POST数据测试页面</h3>
     14         <form action="report.preview.pt" method="post" id="form">
     15             <label>页面ID:</label>
     16             <input type="text" name="pageid" id="pageid" value="1" />
     17             <br/><br/>
     18             <label>配置内容:</label>
     19             <textarea id="content" name="content">
     20 {
     21     "exterior-dir":"C:\\Documents and Settings\\Administrator\\桌面\\报表\\images",
     22     "exterior-database":{
     23         "driver-url":"jdbc:mysql://127.0.0.1/new?characterEncoding=UTF-8",
     24         "driver-class":"com.mysql.jdbc.Driver",
     25         "user":"root",
     26         "password":"123"
     27     },
     28     "content":[{
     29         "name":"提交的一级菜单",
     30         "childs":[{
     31             "id":1,
     32             "name":"提交的二级菜单",
     33             "default":true,
     34             "page_header":{
     35                 "text":"MatriXay Web应用安全评估报告",
     36                 "text-decoration":"",
     37                 "font-weight":"",
     38                 "font-size":"20px",
     39                 "color":"#0000FF",
     40                 "items":[[{
     41                     "type":"image",
     42                     "value":"c:/flag.jpg",
     43                     "width":"auto",
     44                     "height":"auto"
     45                 },{
     46                     "type":"text",
     47                     "color":"#000000",
     48                     "font-size":"12px",
     49                     "value":"MatriXay Web应用安全评估报告",
     50                     "space-left":"28"
     51                 }]]
     52             },
     53             "page_footer":{
     54                 "text":"杭州安恒信息技术有限公司",
     55                 "text-decoration":"",
     56                 "font-weight":"",
     57                 "font-size":"12px",
     58                 "color":"#0000FF",
     59                 "items":[[{
     60                     "type":"text",
     61                     "value":"杭州安恒信息技术有限公司",
     62                     "text-decoration":"",
     63                     "font-weight":"",
     64                     "font-size":"12px",
     65                     "color":"#000000",
     66                     "space-left":"0",
     67                     "space-right":"0"
     68                 }],[{
     69                     "type":"line",
     70                     "font-size":"12px",
     71                     "num":"60"
     72                 }],[{
     73                     "type":"text",
     74                     "value":"2013/1/18  12:56:22    powered by",
     75                     "text-decoration":"",
     76                     "font-weight":"",
     77                     "font-size":"12px",
     78                     "color":"#000000",
     79                     "space-right":"2"
     80                 },{
     81                     "type":"text",
     82                     "value":"DBAPPSecurity Ltd.",
     83                     "text-decoration":"",
     84                     "font-weight":"",
     85                     "font-size":"12px",
     86                     "color":"#F1A572",
     87                     "space-left":"4"
     88                 },{
     89                     "type":"text",
     90                     "value":"第 ",
     91                     "text-decoration":"",
     92                     "font-weight":"bold",
     93                     "font-size":"12px",
     94                     "color":"#000000",
     95                     "space-left":"14"
     96                 },{
     97                     "type":"currPage",
     98                     "text-decoration":"underline",
     99                     "font-weight":"bold",
    100                     "font-size":"12px",
    101                     "color":"#FF0000"
    102                 },{
    103                     "type":"text",
    104                     "value":"页,共 ",
    105                     "text-decoration":"",
    106                     "font-weight":"bold",
    107                     "font-size":"12px",
    108                     "color":"#000000"
    109                 },{
    110                     "type":"totalPage"
    111                 },{
    112                     "type":"text",
    113                     "value":"页",
    114                     "text-decoration":"",
    115                     "font-weight":"bold",
    116                     "font-size":"12px",
    117                     "color":"#000000",
    118                     "space-left":"1"
    119                 }]]
    120             },
    121             "items":[{
    122                 "type":"title",
    123                 "title":"frame配置示例",
    124                 "margin-top":"30px"
    125             },{
    126                 "type":"frame",
    127                 "title":"配置标题",
    128                 "margin-top":"20px",
    129                 "margin-bottom":"20px",
    130                 "width":"90%",
    131                 "items":[{
    132                     "type":"frame",
    133                     "title":"可无限级嵌套",
    134                     "items":[{
    135                         "type":"text",
    136                         "text-align":"center",
    137                         "margin-top":"20px",
    138                         "margin-bottom":"20px",
    139                         "items":[{
    140                             "type":"image",
    141                             "value":"user_orange.png",
    142                             "margin-left":"5px",
    143                             "margin-right":"5px"
    144                         },{
    145                             "type":"text",
    146                             "value":"frame可无限有级嵌套,frame中放的类型包括frame、text、image、table、chart",
    147                             "font-weight":"bold"
    148                         }]
    149                     }]
    150                 }]
    151             },{
    152                 "type":"title",
    153                 "title":"段落配置示例",
    154                 "margin-top":"30px"
    155             },{
    156                 "type":"text",
    157                 "text-align":"left",
    158                 "margin-top":"20px",
    159                 "margin-bottom":"20px",
    160                 "items":[{
    161                     "type":"image",
    162                     "value":"user_orange.png",
    163                     "width":"auto",
    164                     "height":"auto",
    165                     "margin-left":"5px",
    166                     "margin-right":"0"
    167                 },{
    168                     "type":"text",
    169                     "value":"同一个段落内容的文本也可显示不",
    170                     "text-decoration":"underline",
    171                     "font-style":"italic",
    172                     "font-weight":"bold",
    173                     "font-size":"12px",
    174                     "color":"#FF0000",
    175                     "margin-left":"0",
    176                     "margin-right":"0"
    177                 },{
    178                     "type":"text",
    179                     "value":"同的样式,并且可以显示图片",
    180                     "text-decoration":"line-through",
    181                     "font-style":"",
    182                     "font-weight":"",
    183                     "font-size":"20px",
    184                     "color":"#0000FF",
    185                     "margin-left":"10px",
    186                     "margin-right":"10px"
    187                 }]
    188             },{
    189                 "type":"title",
    190                 "title":"图片配置示例",
    191                 "margin-top":"30px"
    192             },{
    193                 "type":"image",
    194                 "value":"logo.png",
    195                 "align":"left",
    196                 "margin-top":"10px",
    197                 "margin-bottom":"10px",
    198                 "width":"",
    199                 "height":""
    200             },{
    201                 "type":"title",
    202                 "title":"图表配置示例",
    203                 "margin-top":"30px"
    204             },{
    205                 "id":1,
    206                 "type":"chart",
    207                 "chart-type":"column",
    208                 "y_title":"漏洞数(单位:个)",
    209                 "x_title":"安恒报表",
    210                 "width":"550",
    211                 "height":"300",
    212                 "align":"left",
    213                 "margin-top":"20px",
    214                 "margin-bottom":"20px",
    215                 "labels":{
    216                     "type":"local",
    217                     "value":["一月","二月","三月","四月","五月"]
    218                 },
    219                 "data":{
    220                     "type":"local",
    221                     "value":{
    222                         "百度":[123,234,111,222,333],
    223                         "谷歌":[345,214,567,899,532]
    224                     }
    225                 }
    226             },{
    227                 "type":"title",
    228                 "title":"表格配置示例",
    229                 "margin-top":"30px"
    230             },{
    231                 "type":"table",
    232                 "width":"700px",
    233                 "widths":[5,30,30,35],
    234                 "row-index":true,
    235                 "margin-top":"10px",
    236                 "margin-bottom":"0px",
    237                 "color-swap":true,
    238                 "cols-num":3,
    239                 "header":{
    240                     "type":"local",
    241                     "value":[[{
    242                         "text":"表头跨行",
    243                         "rows":2
    244                     },{
    245                         "text":"表头跨列",
    246                         "cols":2
    247                     }],[{
    248                         "text":"表格也可不配置表头"
    249                     },{
    250                         "text":"表格内容能配置的内容,表头也同样有"
    251                     }]]
    252                 },
    253                 "data":{
    254                     "type":"local",
    255                     "value":[[{
    256                         "text":"可加图标",
    257                         "icon":"user_orange.png"
    258                     },{
    259                         "text":"可设背景",
    260                         "background":"#0000FF"
    261                     },{
    262                         "text":"可设对齐方式",
    263                         "text-align":"center"
    264                     }],[{
    265                         "text":"字号、加粗、下划线",
    266                         "font-size":"20px",
    267                         "font-weight":"bold",
    268                         "text-decoration":"underline"
    269                     },{
    270                         "text":"颜色、倾斜设置",
    271                         "color":"#FF0000",
    272                         "font-style":"italic"
    273                     },{
    274                         "text":"表格内容默认样式"
    275                     }],[{
    276                         "text":"内容跨行",
    277                         "rows":2
    278                     },{
    279                         "text":"内容跨列",
    280                         "cols":2
    281                     }],[{
    282                         "text":"开启了隔行换色功能"
    283                     },{
    284                         "text":"开启了显示行号功能"
    285                     }]]
    286                 }
    287             }]
    288         }]
    289     }]
    290 }
    291             </textarea>
    292             <br/><br/>
    293             <input type="submit" value="普通预览" />
    294             <input type="button" value="大数据预览" id="bigview"/>
    295             <input type="button" value="当前页导出WORD" id="export"/>
    296             <input type="button" value="全部导出WORD" id="exportAll"/>
    297         </form>
    298         <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
    299         <script type="text/javascript">
    300             var formSubmit = function(uri,data){
    301                 var form = document.createElement('form');
    302                 jQuery.extend(form,{
    303                     method:'post',
    304                     action:uri
    305                 });
    306                 
    307                 for(var attr in data){
    308                     var el = document.createElement('input');
    309                     jQuery.extend(el,{
    310                         type:'hidden',
    311                         name:attr,
    312                         value:data[attr]
    313                     });
    314                     form.appendChild(el);
    315                 }
    316                 
    317                 document.body.appendChild(form);
    318                 form.submit();
    319             };
    320             $(function(){
    321                 $("#export").click(function(){
    322                     formSubmit('report.export.pt',{
    323                         type:3,
    324                         pageid:$("#pageid").val(),
    325                         content:$("#content").val(),
    326                         all:false
    327                     });
    328                 });
    329                 $("#exportAll").click(function(){
    330                     formSubmit('report.export.pt',{
    331                         type:3,
    332                         content:$("#content").val(),
    333                         all:true
    334                     });
    335                 });
    336                 $("#bigview").click(function(){
    337                     var fm = $("#form");
    338                     fm.action = 'report.docPreview.pt';
    339                     fm.submit();
    340                     /*formSubmit('report.docPreview.pt',{
    341                         pageid:$("#pageid").val(),
    342                         content:$("#content").val()
    343                     });*/
    344                 });
    345             });
    346         </script>
    347     </body>
    348 </html>

    修改处:

    View Code
     1 $(function(){
     2     $("#export").click(function(){
     3         formSubmit('report.export.pt',{
     4             type:3,
     5             pageid:$("#pageid").val(),
     6             content:$("#content").val(),
     7             all:false
     8         });
     9     });
    10     $("#exportAll").click(function(){
    11         formSubmit('report.export.pt',{
    12             type:3,
    13             content:$("#content").val(),
    14             all:true
    15         });
    16     });
    17     $("#bigview").click(function(){
    18         var fm = $("#form");
    19         fm.action = 'report.docPreview.pt';
    20         fm.submit();
    21         /*formSubmit('report.docPreview.pt',{
    22             pageid:$("#pageid").val(),
    23             content:$("#content").val()
    24         });*/
    25     });
    26 });

    ------------------------------------------------------------------------------------------------

    按一下方式修改其内容:


    未修改前:

    $("#bigview").click(function(){
        formSubmit('report.docPreview.pt',{
            pageid:$("#pageid").val(),
            content:$("#content").val()
        });
    }

    ------------------------------------------------------------------------------------------------

    $("#bigview").click(function(){
        var fm = $("#form");
        fm.action = 'report.docPreview.pt';
        fm.submit();
    }

    ------------------------------------------------------------------------------------------------

  • 相关阅读:
    解决 Android SDK Manager不能下载旧版本的sdk的问题
    [置顶] 如何合并文件中的内容?
    JSTL解析——005——core标签库04
    C中的几组指针
    别动我的奶酪:CSV文件数据丢零现象及对策
    重载(overload),覆盖/重写(override),隐藏(hide)
    IOS 轻量级数据持久化 DataLite
    记录路径dp-4713-Permutation
    android 多媒体数据库详解
    Data Recovery Advisor(数据恢复顾问)
  • 原文地址:https://www.cnblogs.com/xuejianhui/p/2922368.html
Copyright © 2020-2023  润新知