Visual Studio での作業

Visual Studio 2013 を使用した Aspose.Cells.GridWeb の操作

このトピックでは、Visual Studio 2013 でサンプル Web サイトを作成して、Aspose.Cells.GridWeb を使用する方法を示します。プロセスはステップに分かれています。

ステップ 1: 新しい Web サイトを作成する

  1. Visual Studio 2013 を開きます。
  2. からファイルメニュー、選択新しいメニュー、 それからWebサイト.

todo:画像_代替_文章

[新しい Web サイト] ダイアログが開きます。

  1. 選択するASP.NET Web フォーム サイトVisual Studio にインストールされたテンプレートから。
  2. Web サイトの場所として HTTP モードを選択します。

todo:画像_代替_文章

  1. Web サイト ファイルを作成して保存する場所を指定します。
  2. クリックブラウズ[新しい Web サイト] ダイアログで。

todo:画像_代替_文章

[場所の選択] ダイアログが表示されます。

  1. クリックローカル IISタブ。 IIS ルート フォルダーに格納されているすべてのフォルダーと Web アプリケーションが表示されます (例: C:\Inetpub\wwwroot)。

todo:画像_代替_文章

  1. ここで、Web サイト ファイルが格納されるローカル IIS に新しい Web アプリケーションを作成します。 [場所の選択] ダイアログでは、ローカル IIS で Web アプリケーションまたは仮想ディレクトリを作成および削除できます。 Web アプリケーションを作成するには、下図のようにボタンをクリックします。

todo:画像_代替_文章

デフォルト名 WebSite の新しい Web アプリケーションが作成されます。

  1. Web アプリケーションの名前を変更します。名前を GridWebOn2013 に変更しました。
  2. クリック開ける.

todo:画像_代替_文章

[新しい Web サイト] ダイアログに戻ります。 Web サイトの場所のパスはに設定されていますhttp://localhost/GridWebOn2013.

  1. クリックわかったVisual Studio で Web サイトを作成できるようにします。

todo:画像_代替_文章

ステップ 2: Web ページのソースとデザイン ビューを確認する

Visual Studio 2013 によって既定の Web サイトが作成されます。これには、ダミーのテキストとマークアップを含む default.aspx Web ページが含まれています。

default.aspx ページのソース ビュー

todo:画像_代替_文章

すべての Web ページ (ASP.NET を含む) は、2 つのモードで開くことができます。 1 つは、開発者がソース コードにアクセスして変更できるようにするソース ビューです。 2 つ目のモードは、Web ページを WYSIWYG 方式でデザインするために使用できるデザイン ビューです。上のスクリーンショットは、default.aspx Web ページのソース ビューを示しています。デザイン ビューを表示するには、デザイン.

default.aspx ページのデザイン ビュー

todo:画像_代替_文章

Visual Studio によって追加された Default.aspx ページを削除し、新しい空の Default.aspx ページを追加します。

todo:画像_代替_文章

ステップ 3: Aspose.Cells.GridWeb を Web ページに追加する

ツールボックスからドラッグするだけで、Aspose.Cells.GridWeb (または GridWeb) コントロールを Web ページに追加できます。

todo:画像_代替_文章

GridWeb コントロールが Web ページにドロップされると、次のようにレンダリングされます。

todo:画像_代替_文章

ステップ 4: <!DOCTYPE> タグを変更する

  1. ソース ビューに切り替えて、次を見つけます。**<!DOCTYPE>**ソース コードのタグ:

ASP.NET

<!DOCTYPE html>
  1. 完全なタグを選択します。

todo:画像_代替_文章

  1. 保持、変更、または削除<!DOCTYPE>鬼ごっこ。
  2. または、<!DOCTYPE>次のタグを付けます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

手順 5: Aspose.Cells.GridWeb コントロールのサイズ変更

Web サイトにドラッグした後、GridWeb コントロールの幅と高さを変更できます。

デザイン ビューでは、GridWeb の幅と高さを変更できます。

todo:画像_代替_文章

ステップ 6: Aspose.Cells.GridWeb のプロパティの構成

をクリックして、WYSIWYG で Aspose.Cells.GridWeb プロパティを構成します。プロパティ Visual Studio 2013 IDE の右側にあるボタン。 [プロパティ] ダイアログが表示されます。

todo:画像_代替_文章

[プロパティ] ペインでは、GridWeb のルック アンド フィールや、GridWeb の動作を制御するその他のプロパティを構成できます。

ステップ 7: Aspose.Cells.GridWeb を含む最初の Web サイトを実行する

Web サイトを構築して実行します。

  1. Ctrl+F5 を押すか をクリックして、Visual Studio から Web サイトを直接実行します。デバッグを開始.

todo:画像_代替_文章

これで、GridWeb コントロールで遊んでみることができます。

動作中の GridWeb コントロール

todo:画像_代替_文章