mes前端框架源码
blame | 历史 | 补丁 | 提交 | 提交对比 | 忽略空白
loulijun2021
2022-07-04 991a63234bba49da5a22d0f64ae15837d3253829 
 public/static/grid/webapp-ws-tutorial.htm


ÎļþÃû´Ó public/webapp-ws-tutorial.htm ÐÞ¸Ä


@@ -2,16 +2,12 @@


<html>


<head>


  <title>WEB报表客户端使用教程(WebSocket) - é”æµªWEB报表</title>


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


  <meta name="Description" content="锐浪HTML5报表应用WEB报表客户端实现打印与数据导出。"/>


  <meta name="Keywords" content="WEB报表,WEB打印,HTML5报表,WEB报表客户端"/>


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


  <meta name="Description" content="锐浪HTML5报表应用WEB报表客户端实现打印与数据导出。" />


  <meta name="Keywords" content="WEB报表,WEB打印,HTML5报表,WEB报表客户端" />


  <script src="grwebapp.js"></script>


  <script language="javascript" type="text/javascript">




    import {webapp_urlprotocol_startup} from "./grwebapp";




    function window_onload() {


      console.log('执行了！')


      //*这句特别重要*：只有在WEB报表客户端程序后，才能进行WebSocket通讯


      //如果WEB报表客户端程序为开机自启动，以下调用应该去掉。更多说明请参考帮助“WEB报表(B/S报表)->WEB报表客户端->部署与安装”部分中与谷歌Chrome浏览器的相关说明


      webapp_urlprotocol_startup(); //启动WEB报表客户端程序，以便侦听接受 WebSocket æ•°æ®


@@ -43,7 +39,8 @@


      //alert(event.data);


      if (message.event == "PrintEnd") {


        OnPrintEnd();


      } else if (message.event == "ExportEnd") {


      }


      else if (message.event == "ExportEnd") {


        OnExportEnd();


      }


    }


@@ -58,9 +55,6 @@


<h3>起步例子</h3>


<p><a href='javascript:ws_ajax_preview();'>打印预览(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function ws_ajax_preview() {


    //参数具体说明请参考帮助文档中的“WEB报表(B/S报表)->WEB报表客户端->启动参数说明”部分


    var args = {


@@ -93,11 +87,8 @@


  }


</script>




<p><a href='javascript:ws_ajax_print();'>打印(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>


<p> <a href='javascript:ws_ajax_print();'>打印(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function ws_ajax_print() {


    var args = {


      type: "print",


@@ -112,9 +103,6 @@




<p><a href='javascript:ws_ajax_export_xls();'>导出Excel(AJAX)</a>通过AJAX方式获取报表模板与报表数据</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function ws_ajax_export_xls() {


    var args = {


      type: "xls",


@@ -128,11 +116,8 @@


</script>




<h3>自定义打印参数</h3>


<p><a href='javascript:print_arguments();'>自定义打印参数</a>：指定打印机，设置逐份打印与打印份数。</p>


<p> <a href='javascript:print_arguments();'>自定义打印参数</a>：指定打印机，设置逐份打印与打印份数。</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function print_arguments() {


    var args = {


      type: "print",   //如果是要进行打印，将 type è®¾ç½®ä¸º print


@@ -147,14 +132,11 @@


  }


</script>




<p><a href='javascript:export_xls_custom();'>自定义导出Excel</a>：设置合适的选项参数，将数据导出为连续的表格，页眉页脚不导出，不显示导出参数对话框等。</p>


<p> <a href='javascript:export_xls_custom();'>自定义导出Excel</a>：设置合适的选项参数，将数据导出为连续的表格，页眉页脚不导出，不显示导出参数对话框等。</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function export_xls_custom() {


    var args = {


      report: urlAddRandomNo("../grf/1a.grf"),


      report:urlAddRandomNo("../grf/1a.grf"),


      data: "../data/DataCenter.ashx?data=Customer",


      type: "xls",


      ExportPageBreak: false,


@@ -173,15 +155,12 @@




<p><a href='javascript:ws_data_from_string();'>打印预览(报表数据来自字符串)</a>：通过WebSocket直接将网页中的字符串数据传递给WEB报表客户端。</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function ws_data_from_string() {


    var args = {


      type: "preview", //设置不同的属性可以执行不同的任务，如：preview print pdf xls csv txt rtf img grd


      report: urlAddRandomNo("../grf/1a.grf"),


      //实际应用中，data应该为程序中通过各种途径获取到的数据，最后要将数据转换为报表需要的XML或JSON格式的字符串数据


      data: "<xml>" +


      data:"<xml>" +


        "<row><CustomerID>HUNGC</CustomerID><CompanyName>五金机械</CompanyName><ContactName>苏先生</ContactName><ContactTitle>销售代表</ContactTitle></row>" +


        "<row><CustomerID>CENTC</CustomerID><CompanyName>三捷实业</CompanyName><ContactName>王先生</ContactName><ContactTitle>市场经理</ContactTitle></row>" +


        "<row><CustomerID>CACTU</CustomerID><CompanyName>威航货运</CompanyName><ContactName>刘先生</ContactName><ContactTitle>销售代理</ContactTitle></row>" +


@@ -195,13 +174,10 @@




<p><a href='javascript:ws_data_from_object();'>打印预览(报表数据来自JSON对象)</a>：通过WebSocket直接将网页中的JSON对象数据传递给WEB报表客户端。</p>


<script language="javascript" type="text/javascript">




  import {urlAddRandomNo, webapp_ws_ajax_run} from "./grwebapp";




  function ws_data_from_object() {


    var args = {


      type: "preview", //设置不同的属性可以执行不同的任务，如：preview print pdf xls csv txt rtf img grd


      report: urlAddRandomNo("../grf/1a.grf"),


      report: urlAddRandomNo("../grf/1a_test.grf"),


      //实际应用中，data应该为程序中通过各种途径获取到的数据，最后要将数据转换为报表需要的XML或JSON格式的字符串数据


      data:


        {