Viewへ渡したListのデータを使用して商品名オブジェクトに値を付与してマウスオーバーで表示させたい。

Question

データベースから取得したデータをオブジェクトに付与しマウスオーバーにて表示させたい。

詳しく書くと

商品用画像が20個存在しているとして、オブジェクトのIDは「shohin01~shohin20」とする。
ControllerでDBから取得した値をListに詰めている。

・商品の入っている箱は4つタブで切り替わる。箱No1,No3は20商品入っている。箱No.2,No4は40個入っている。
箱のNo.が奇数の場合は20個のオブジェクト、偶数の場合は40個のオブジェクトが存在しているということ。

・商品1つにつき2つの名前を持つ商品もある。aaa/bbbのように/で区切り表示する。1つしか登録されていない場合は/はいらない。

Indexでforeachを回せばいいのかという考えはあるのですが、実装できない。お力をお貸し下さい。
データベースの構造

###やりたいこと

Controller

 private IEnumerable<GoodsModel.GoodsMeishoViewModel> GetGoodsName(NpgsqlConnection dataConnector)
        {
            List<GoodsModel.GoodsMeishoViewModel> GoodsMeishos = new List<GoodsModel.GoodsMeishoViewModel>();

            // TODO: これではaaaしかとれていないためコメントアウト
            //int room_num = 1;
            //int box_num = 1;
            //int goods_tsuban = 1;


            string sql = @"select box_num, goods_tsuban, goods_meisho"
                        + " from GoodsMaster"
                        + " and room_num = :Room_num";
                        //+ " and box_num = :Box_num"
                        //+ " and goods_tsuban = :Box_tsuban";

            NpgsqlCommand cmd = new NpgsqlCommand(sql, dataConnector);
              cmd.Parameters.Add(new NpgsqlParameter("Room_num", NpgsqlDbType.Integer));
            //cmd.Parameters.Add(new NpgsqlParameter("Box_num", NpgsqlDbType.Integer));
            //cmd.Parameters.Add(new NpgsqlParameter("goods_tsuban", NpgsqlDbType.Integer));
            cmd.Prepare();
            cmd.Parameters["Room_num"].Value = Room_num;
            //cmd.Parameters["Box_num"].Value = Box_num;
            //cmd.Parameters["goods_tsuban"].Value = goods_tsuban;

            NpgsqlDataAdapter da = new NpgsqlDataAdapter(cmd);
            DataSet myDS = new DataSet();
            da.Fill(myDS);
            DataTable dt = myDS.Tables[0];
            foreach (DataRow row in dt.Rows)
            {
                GoodsMeishos.Add(new GoodsModel.GoodsMeishoViewModel()
                {
                    boxnum = (int)row["box_num"],
                    goodstsuban = (int)row["goods_tsuban"],
                    goodsmeisho = row["goods_meisho"].ToString()
                });
            }
            return GoodsMeishos;
        }
        
        
        

 Model------------------------------------------------------------------------------------
        
        namespace .Web.Models
{
    public class GoodsModel : ModelBase
    {
        


        ///<summary>
        ///商品名称をセット
        ///</summary>
        public IEnumerable<GoodsMeishoViewModel> GoodsMeisho { get; set; }

        public class GoodsMeishoViewModel
        {
            //Box番号
            public int boxnum { get; set; }
            
            //商品通番
            public int goodstsuban { get; set; }

            //商品名称
            public string goodsmeisho { get; set; }
        }

       

  //Index------------------------------------------------------------------------------------
        
        $(function(){
        //一番最初の商品名だけ取れる
            $('#P01').attr('data-title', '@Model.GoodsMeisho.First().goodsmeisho');
            
            //foreach文でP{0:D2}とKidoMeishoを回す
            $.each(meishos in @Model.GoodsMeisho){
            alert(meishos);
        }*@
//商品オブジェクトにはclass="P"を付与しておりすべてマウスオーバーに反応する
            $('.P').tipper();
        }
        

Comments

[退会済みユーザー]

質問者さんが立てた別スレッド https://teratail.com/questions/134094 と関連しているようですが、そうであれば少し整理して一歩一歩話を話を進めるようにしていただけませんか？　今の状態では話が発散しそうな気がします。

[退会済みユーザー]

質問する際は開発環境を書くようにしてください。OS, .NET, MVC, Visual Studio のバージョン、テンプレートは何を使ったかなどです。前のスレッドで書いたのかもしれませんが、ここしか見てない人も多々いるはず。

[退会済みユーザー]

定義不明の変数、メソッドを含めたコードは書かないようにしてください。前のスレッドで書いたのかもしれませんが、ここだけ見れば分かるようにしてください。

[退会済みユーザー]

あと、「オブジェクト」とか「箱」とか「タブ」という言葉も意味が不明で、それがアップされた画像、コードとどうつながるかが分かりません。それはたぶん自分だけじゃないと思います。誰か質問者さんの近くにいる人に意見を求めるということはできないのでしょうか？

Answer 1

SQL上でgoods_meishoを/区切りで編集することも出来ます。
下記例では、string_aggで/区切りの文字列として編集しているので、単純に文字列として受け取れます。
また、goods_tsubanも配列で畳んでいますので、こちらは配列で受け取る必要がありますが、試したことはありません。

select room_num, box_num
     , array_agg(goods_tsuban order by goods_hyoji_num) goods_tsuban 
     , string_agg(goods_meisho, '/' order by goods_hyoji_num) goods_meisho
from GoodsMaster
group by room_num, box_num