質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.49%

  • JavaScript

    16461questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • C#

    7136questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • ASP.NET MVC Framework

    60questions

    ASP.NET MVC Frameworkは、MVCパターンをベースとした、マイクロソフトのウェブアプリケーション開発用のフレームワークです。

DBから取得したデータの表示(マウスオーバー)

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 236

sanezane

score 44

・DBより取得したデータを画面上のオブジェクトに設定してマウスオーバーした際にポップアップで表示されるようにしたい。
・今回はグッズ名称をオブジェクト(SVG画像)に設定したいとする。
一意のグッズ名称取得にはType_cd,box_tsuban,goods_tsubanが必要である。

例..
Type_cdがAでbox_tsubanが1、goods_tsubanが1のグッズ名称は...という絞り込みでデータを取り出す。

・今回、テストとしてそれぞれType_cd = "A",box_tsuban =1,goods_tsuban =1のグッズ名称をStarというIDを持ったオブジェクトに設定したいとする。(Index.cshtml)

・jQueryのtipperというプラグインを使いポップアップのイベントを起こす。イベントを起こしたいオブジェクトには同一のクラスを付与しており、現状マウスオーバーで「undifinded」と設定されていないがポップアップ自体の動作は確認している。値を第二引数に直打ちで設定すればその文字が出ることも確認している。

 現状

ブレイクポイントを置いて見ているとModelへセットできているが、Index.cshtmlで値がとれない

 何が知りたいか

・Modelへデータを詰め込む方法
・View側でIEnumerable型のデータを取得するときの実装方法。

環境情報
フレームワーク:Asp.net mvc .NETFramework
データベース:Postgresql
jQueryバージョン情報:3.3.1
OS:windows7
.NET:4.6.2
Visual Studio:visual studio2017

コントローラー
///<summary>
        ///グッズ名称取得
        ///</summary>
        private IEnumerable<GoodsModel.GoodsMeishoViewModel> GetGoodsName(NpgsqlConnection dataConnector)
        {
            List<GoodsModel.GoodsMeishoViewModel> GoodsMeishos = new List<GoodsModel.GoodsMeishoViewModel>();


       //テスト用の値
            string Type_cd = "A";
            int box_tsuban = 1;
            int goods_tsuban = 1;


            string sql = @"select box_tsuban, goods_tsuban, goods_meisho"
+ " from master.グッズ名称マスタ where Room_cd = :RoomCd and Type_cd = : TypeCd and box_tsuban = :Box_tsuban and goods_tsuban = :Goods_tsuban";

        NpgsqlCommand cmd = new NpgsqlCommand(sql, dataConnector);
            cmd.Parameters.Add(new NpgsqlParameter("kikishitsuCd", NpgsqlDbType.Text));

            cmd.Parameters.Add(new NpgsqlParameter("TypeCd", NpgsqlDbType.Text));
            cmd.Parameters.Add(new NpgsqlParameter("Box_tsuban", NpgsqlDbType.Integer));
            cmd.Parameters.Add(new NpgsqlParameter("Goods_tsuban", NpgsqlDbType.Integer));
            cmd.Prepare();
            cmd.Parameters["RoomCd"].Value = Session["RoomCode"].ToString();
            cmd.Parameters["TypeCd"].Value = Type_cd;
            cmd.Parameters["Box_tsuban"].Value = goods_tsuban;
            cmd.Parameters["Goods_tsuban"].Value = goods_tsuban;

            using (NpgsqlDataReader dr = cmd.ExecuteReader())
            {
               while (dr.Read())
                {
                    GoodsMeishos.Add(new GoodsModel.GoodsMeishoViewModel()
                    {//ここの処理が飛ばされる
                        boxtsuban = (int)dr["box_tsuban"],
                        goodstsuban = (int)dr["goods_tsuban"],
                        goodsmeisho = dr["goods_meisho"].ToString()

                    });
                }
                return GoodsMeishos;
            }
Model
public class GoodsModel : 〇〇ModelBase
    {
 ///<summary>
        ///グッズ名称をセット
        ///</summary>
        public IEnumerable<GoodsMeishoViewModel> GoodsMeisho { get; set; }

        public class GoodsMeishoViewModel
        {
            //box通番
            public int boxtsuban { get; set; }

            //グッズ通番
            public int goodstsuban { get; set; }

            //グッズ名称
            public string goodsmeisho { get; set; }
        }
index.cshtml

//オブジェクトのIDを取得し、属性に名称をセットしたい。ポップアップを出したいクラスにはそれぞれAnameというクラス名をつけており、プラグインのtipper()メソッドにより名前が設定されていたら名前が出る。
$(function(){
$('#Star').attr('data-title', '@Model.GoodsMeisho');

            $('#Star2').attr('data-title', '@Model.GoodsMeisho');

                    $('.Aname').tipper();

});
アクション
 public ActionResult Index()
        {
            var model = this.CreateModel<GoodsModel>();
            // セッションよりNpgsqlConnectionを取得
            NpgsqlConnection dataConnector = (NpgsqlConnection)Session["dataConnector"];

            // DBオープン
            dataConnector.Open();


            model.GoodsMeisho = GetGoodsName( dataConnector);

            dataConnector.Close();

            return View(model);

        }

追記
■期待する結果と現状
期待・コントローラに記載しているwhile文のなかの処理でListに情報を詰めてreturnしたい
現状・Modelに値をセットするところまでは確認済み。Index.cshtmlの@Model.GoodsMeishoで値が返ってこない。

オブジェクトにカーソルを合わせると、「○○Models.GoodsModel+GoodsMeishoViewModel」と表示される○○は基底モデル

カーソルが当たったときの挙動

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • sanezane

    2018/06/29 11:35 編集

    model.GoodsMeisho = GetGoodsName( dataConnector);でList<GoodsModel.GoodsMeishoViewModel> 型のオブジェクトを入れている認識なのですが、間違ってますか?すみません初めて間もないもので。。。

    キャンセル

  • SurferOnWww

    2018/06/29 11:47

    var model = this.CreateModel<GoodsModel>(); で作られた model というのは何ですかという話です。CreateModel<GoodsModel> の定義がどこかに書いてあって、そのメソッドが返すオブジェクトの型は分かるようになっているのでしょうか? GoodsModel クラスのオブジェクトではなかろうかとコードからは想像してますが、想像が間違っていると当然答えも間違って、混乱を招くだけということになりかねないので、聞いてます。

    キャンセル

  • sanezane

    2018/06/29 12:00

    すみません。基底のコントローラに定義してあるModelのインスタンスを生成し返すモノです。<>内はModelの型です。

    キャンセル

回答 1

checkベストアンサー

0

一番最初の質問に書いてあった(今は書き直したようですが)、

ブレイクポイントを置いて見ていると接続自体はできているが、ModelにAddするところWhile文の部分を飛ばしている。(trueは返しているが、add処理していない。) 

というところはすでに解決していて、GetGoodsName メソッドを起動すると戻り値として List<GoodsModel.GoodsMeishoViewModel> 型のオブジェクトが取得できる。

アクションメソッドで GoodsModel クラスを初期化し、その GoodsMeisho プロパティを使って、GetGoodsName メソッドで取得した  List<GoodsModel.GoodsMeishoViewModel> 型のオブジェクトを設定し、return View(GoodsModel) とした。

現時点の課題は、アクションメソッドの return View(GoodsModel) で View に渡された Model から List<GoodsModel.GoodsMeishoViewModel> 型のオブジェクトの内容を取得すること。

・・・と理解してレスします。

今回のケースでは List<GoodsMeishoViewModel> 型のオブジェクトさえ View に渡せば済むはずで、質問者さんが書かれたサンプルのような入れ子の class をモデルに使うを必要はないと思いますが(特に理由があれば別ですが、そうでなければ複雑&面倒になるだけなので)、とりあえずそこは置いときます。後で考えてみてください。

以下のようにすれば良いはずです。質問者さんのデータベースは当然自分は使えないので、モデルとして View に渡す GoodsModel クラスのオブジェクトは C# のコードだけで作りましたが、内容はともかく型は同じはずです。

アクションメソッド

public ActionResult Index2()
{
    var model = new GoodsModel();

    List<GoodsModel.GoodsMeishoViewModel> GoodsMeishos = new List<GoodsModel.GoodsMeishoViewModel>
    {
        new GoodsModel.GoodsMeishoViewModel { boxtsuban = 1, goodstsuban = 2, goodsmeisho = "aaa" },
        new GoodsModel.GoodsMeishoViewModel { boxtsuban = 3, goodstsuban = 4, goodsmeisho = "bbb" },
        new GoodsModel.GoodsMeishoViewModel { boxtsuban = 5, goodstsuban = 6, goodsmeisho = "ccc" }
    };

    model.GoodsMeisho = GoodsMeishos;
    return View(model);
}


ビュー

@model 名前空間.GoodsModel

@{
    ViewBag.Title = "Index2";
}

<h2>Index2</h2>

@foreach (var item in Model.GoodsMeisho)
{
    <p>boxtsuban = @item.boxtsuban, goodstsuban = @item.goodstsuban, goodsmeisho = @item.goodsmeisho</p>
}

結果の html コード

<h2>Index2</h2>

    <p>boxtsuban = 1, goodstsuban = 2, goodsmeisho = aaa</p>
    <p>boxtsuban = 3, goodstsuban = 4, goodsmeisho = bbb</p>
    <p>boxtsuban = 5, goodstsuban = 6, goodsmeisho = ccc</p>

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/07/02 14:32

    List<GoodsModel.GoodsMeishoViewModel>を取得し、Viewで表示させる際に、 View側で$('#meisho01').attr('data-title', '@Model.GoodsMeisho.First().goodsmeisho');のようにすることで無事値の表示に成功しました。ですが、画面に存在する全ての要素に品名をそれぞれ付与して表示することが最終目標なので、そこが未解決です。今回の質問の内容としては表示するところまでが範囲かと思いますので別件としてまた質問を投稿させていただきます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る

  • JavaScript

    16461questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • C#

    7136questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • ASP.NET MVC Framework

    60questions

    ASP.NET MVC Frameworkは、MVCパターンをベースとした、マイクロソフトのウェブアプリケーション開発用のフレームワークです。