帆のソフト移動端集計表の問題の解決-クエリー結果の固化、折りたたみ、スライド、ページング
1813 ワード
1.ソースデータと問題:
ソースデータは詳細レポートで、PC側で表示するのが便利で、モバイル側ではデータ量が増加するため、操作時間が十数秒に達し、操作体験感が悪い.
2.ソリューション:
2つの側面から、1つはデータソースの問題を解決します:データベースからデータを照会してレポートのフォーマットを加工する過程が長くて、私は直接レポートの結果をExcelファイルに変えます.
2つ目は、モバイル側の操作の問題です.小さな画面に詳細データテーブルを表示し、縦折り、横スライド、ページングクエリー(帆の柔らかい行式レポートエンジン)を採用しています.
3.解決手順:
1)クエリー結果の固化:レポート作成-スケジュール設定-カスタムでExcleファイルをディスクにアップロードする
参考資料:https://help.finereport.com/doc-view-700.html
2)移動端操作:固定スケール-ページング-折りたたみ-スライド
固定スケール:使用しないため_op__=h 5パラメータ、表ツールバーのスケールが調整されていないので、まずスケールを設定します.つまり、ノードを追加します.
追加先:テンプレート-テンプレートWebプロパティ-ページングプレビュー設定-イベント設定-ロード開始
コンテンツの追加:
ページング:行レポートエンジンを有効にし、テンプレート-レポートエンジンのプロパティ-有効にすると、ページング速度が速く、条件プロパティの多くが有効にならないという利点があります.
折りたたみ:ボタンをカスタマイズしてjsイベントをトリガー
カスタムボタンかすたむぼたん:テンプレート-テンプレートWebプロパティ-ページングプレビュー設定-カスタムボタンを追加かすたむぼたんをついか
jsイベントのトリガー:カスタムボタンの編集-カスタムイベント-jsコンテンツの書き込み:
≪スライド|Slide|oem_src≫:帆軟の「≪固定レポート|Freeze Report|oem_src≫」列です.固定するレポート列を選択してから、上部右クリック-レポート列を繰り返し、テンプレートの「≪繰返し|Repeat|oem_src≫」および「≪固定設定|Freeze Settings|oem_src≫」で固定列を設定します.
再カスタマイズボタン、jsイベントのトリガー
カスタムボタンかすたむぼたん:テンプレート-テンプレートWebプロパティ-ページングプレビュー設定-カスタムボタンを追加かすたむぼたんをついか
jsイベントのトリガー:カスタムボタンの編集-カスタムイベント-jsコンテンツの書き込み:
OK、以上の操作によって、操作が簡単で、時間の速い帆の柔らかい移動端の明細表を実現することができて、好きならo(*//////▽///*)q恥ずかしいことをすることができます.
ソースデータは詳細レポートで、PC側で表示するのが便利で、モバイル側ではデータ量が増加するため、操作時間が十数秒に達し、操作体験感が悪い.
2.ソリューション:
2つの側面から、1つはデータソースの問題を解決します:データベースからデータを照会してレポートのフォーマットを加工する過程が長くて、私は直接レポートの結果をExcelファイルに変えます.
2つ目は、モバイル側の操作の問題です.小さな画面に詳細データテーブルを表示し、縦折り、横スライド、ページングクエリー(帆の柔らかい行式レポートエンジン)を採用しています.
3.解決手順:
1)クエリー結果の固化:レポート作成-スケジュール設定-カスタムでExcleファイルをディスクにアップロードする
参考資料:https://help.finereport.com/doc-view-700.html
2)移動端操作:固定スケール-ページング-折りたたみ-スライド
固定スケール:使用しないため_op__=h 5パラメータ、表ツールバーのスケールが調整されていないので、まずスケールを設定します.つまり、ノードを追加します.
追加先:テンプレート-テンプレートWebプロパティ-ページングプレビュー設定-イベント設定-ロード開始
コンテンツの追加:
$("head").append('');
ページング:行レポートエンジンを有効にし、テンプレート-レポートエンジンのプロパティ-有効にすると、ページング速度が速く、条件プロパティの多くが有効にならないという利点があります.
折りたたみ:ボタンをカスタマイズしてjsイベントをトリガー
カスタムボタンかすたむぼたん:テンプレート-テンプレートWebプロパティ-ページングプレビュー設定-カスタムボタンを追加かすたむぼたんをついか
jsイベントのトリガー:カスタムボタンの編集-カスタムイベント-jsコンテンツの書き込み:
FR.HtmlLoader.loadingEffect({el : $(".content-container"),show : true});//
var re,i;
setTimeout(function () {
for(i=0;i
≪スライド|Slide|oem_src≫:帆軟の「≪固定レポート|Freeze Report|oem_src≫」列です.固定するレポート列を選択してから、上部右クリック-レポート列を繰り返し、テンプレートの「≪繰返し|Repeat|oem_src≫」および「≪固定設定|Freeze Settings|oem_src≫」で固定列を設定します.
再カスタマイズボタン、jsイベントのトリガー
カスタムボタンかすたむぼたん:テンプレート-テンプレートWebプロパティ-ページングプレビュー設定-カスタムボタンを追加かすたむぼたんをついか
jsイベントのトリガー:カスタムボタンの編集-カスタムイベント-jsコンテンツの書き込み:
var leftPos = $('.frozen-center').scrollLeft();
$("#frozen-center").animate({scrollLeft: leftPos + 1600}, 800);
OK、以上の操作によって、操作が簡単で、時間の速い帆の柔らかい移動端の明細表を実現することができて、好きならo(*//////▽///*)q恥ずかしいことをすることができます.