2016-04-05 8 views
0

レッツを持つ複数のテーブルグリッドは、私が最初に2つのテーブルを持っていると言う、動的テーブルと列

Categories 
Products 

Categoriesテーブルには、特定のカテゴリがあり製品の数を表示しますコラム「いいえ製品の」を持っています...

Products表をCategoryIdによってグループ化され、ユーザがCategories表にnumber of productsをクリックしたときに、そう、彼はそれに関連する製品と一緒に特定CategoryIdグループ行とProductsテーブルを参照し、そこに詳述します。

私はすでにjQuery Tablesプラグインを使用して同様に動的テーブルを生成し、イベントに基づいて表示/非表示することができます。

しかし、別の要件があります。これらのテーブルをエクスポートして、1つのファイルに1つのテーブルで1つのExcelファイルにする必要があります。私はこれは私が単一エクセルのファイルにすべてのテーブルをエクスポートし、それは前述したようなことがナビゲートすることができますどのように何とか(わからない方法をまだけれども)

問題

を行うことができると思います。

私はすでにSSRSとasp.netレポートビューアを使用しています(これはひどいですし、簡単に変更することはできません)ので、jQuery、AngularJs、ASP.NET Gridなどの技術を使用することを考えています。

答えて

1

this JS libraryを試しましたか?

JSONから複数のシートなどを含むxlsxファイルを作成できます。

あなたはもちろん、それをすべてクライアント側で行います。


私は、あなたが参照しているテーブルは、お使いのブラウザでHTML <table>または配列のいずれかであることを仮定しています。それらが単なるHTML(例えばRazor/ASP.NETで生成されたもの)の場合は、JSONに変換することもできます。

Here you can find an example from sheet.js for 1 worksheet

I have modified this example here(3つのテーブルがあり、それぞれが独自のワークシートに追加されています)。あなたはテーブルIDの配列をとり、それらを1つのワークシートに追加する一般的なメソッドを作成することができますが、コードを記述するのには余裕があります。

私は編集したファイル(Export2Excel.js)にコメントを入れて、何が起こっているのかを理解できるようにしました。残りのファイルは変更されません。ただし、現在3つのテーブルを持つindex.htmlは例外です。

P.S.この例のようにスクリプトタグを頭に入れないでください。そうでないとページがゆっくりと読み込まれることがあります:P

+0

ありがとうございます。私はこのライブラリを前に見ましたが、どうすればそれを使うことができますか? 2枚のシート間のナビゲーションを簡単に追加 – Mathematics

+1

私が家に帰ると、私は –

+0

の例で更新します。お待ちしております、ありがとう:) – Mathematics