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

Question

・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」と表示される○○は基底モデル

Comments

[Orlofsky]

PostgreSQL タグを追加されては？

[退会済みユーザー]

どこでトラブっていて、そこで期待する結果は何で、実際はどうなってしまう・・・ということをできるだけ詳しく書きましょう。

[退会済みユーザー]

あと、開発環境をもう少し詳しく書いてください。OS, .NET, MVC, Visual Studio のバージョンなど。

[退会済みユーザー]

最初の質問に「ブレイクポイントを置いて見ていると接続自体はできているが、ModelにAddするところWhile文の部分を飛ばしている。(trueは返しているが、add処理していない。) 」と書いてありましたがそこは解決したのですか？

[退会済みユーザー]

で、GetGoodsName メソッドを起動すると戻り値として List<GoodsModel.GoodsMeishoViewModel> 型のオブジェクトが取得でき、アクションメソッドでは return View(そのオブジェクト); としているところまで進んでいるということでいいのですか？

[退会済みユーザー]

質問文を直すだけではなく、コメントに対してはコメントで返事（要求に応じて追記・修正をしたのかどうかなど）をしていただけると助かります。

[sanezane]

その通りです。アクションメソッドを追加しました。

[退会済みユーザー]

「その通りです」てホントにそうなんですか？　this.CreateModel<GoodsModel>(); は何を返すのですか？　話が通じるようにお願いします。

[退会済みユーザー]

上のコメントでの私の質問「アクションメソッドでは return View(そのオブジェクト); としているところまで進んでいるということでいいのですか？」の「そのオブジェクト」とは List<GoodsModel.GoodsMeishoViewModel> 型のオブジェクトのことを言っているのですが・・・

[sanezane]

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

[退会済みユーザー]

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

[sanezane]

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

Answer 1

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

ブレイクポイントを置いて見ていると接続自体はできているが、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>

Comments

[sanezane]

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