2016-06-20 18 views
0

まず、これはSQLに関連していません。C#; 1つの(HTML)テーブルから別のテーブルに移動

データが表示される2つのテーブルがあります。 (以下に示すように、右表をふり、それにはデータがありません。) enter image description here

あなたはそれはあなたが左側に注文することができます項目のリストだと想像しなければならない、とあなたはをクリックしたらアイテム上では、右側のテーブルに追加されます。

私はないです

enter image description here

(ASPXバージョンの下図を参照)これが私たちのASPXウェブサイト上のケースとなっているが、我々は今、C#/ MVC でいることを変換/作っていますコードを尋ねるが、助言/助言をどのように私はこれを行う必要があります。

おそらくJQuery、またはおそらくコントローラーにあります。あなたはこのような角度やノックアウトとしてフレームワークを使用してのルートを行くことができるが、これらの両方が上MVCタイプのモデルを実装するためにあなたを必要とする可能性が高いですAspx.cs

void ArticlesGridViewItemsDisplay_ItemClicked(object sender, Dictionary<string, object> data) 
    { 
     using (var dbConnection = DbConnectionFactory.CreateConnection()) 
     { 
      int materiaalId = Convert.ToInt32(data["MateriaalID"]); 
      var materiaal = Materiaal.FetchById(dbConnection, materiaalId); 

      _orderFormData.AddOrderItem(new OrderLineDto(materiaal, 1)); 

      OrderFormRepeater.DataBind(); 
     } 
    } 
+1

私は角度jsがこれには完璧だと思います。 2つのテーブルをモデルにバインドしてオブジェクトを更新します。 –

+0

@ Mysterio11ありがとうございます、私が欲しいのは、これらのようなお礼です。 – Paramone

+0

グリッドビューであれば、バインディング中にデータそのものを移動する必要があります –

答えて

1


js/jsonのクライアント。私はMVCアプリケーションでKOとANgの両方を使用していますが、どちらも優れていますが、私はときどき彼らと作業するために少しの豚を見つけました。あなたの場合、非常に単純な要求があるようです。基本的なDOM操作と動的選択であるようです。 Ang/KOフレームワークは、もちろんこの種のことを行う上で優れていますが、私はそれがあなたにとって過度の過労だろうと思いますか?あなたが記述したことは、jQueryの軽いタッチで簡単に達成することができます。そしてそれに直面することができるjQueryと.Netはブロック上の新しい子供よりも長い伝承を持っています。

私は幾分漠然としていることを知っています。この質問に対する絶対的な正解がないからです。それは、アプリケーションをどのように拡張しようとしているのか、どの方法で最も快適であるかによって異なります。ただし、MVCコントローラをすべての作業に使用すると、サーバへの不要なリクエストが発生し、UXの処理速度が低下し、サーバの負担が増えます。いずれも望ましいことではない。可能な限りブラウザに保存する方がはるかに優れています。そして、サーバー上でWebAPIを使用して、あなたのajaxリクエスト、あなたのPOST用のMVC、html GETSに応答してください。

私は、これらのコメントでどのくらいのケージをかき鳴らしたのだろうか...議論を呼び起こす!

+0

私はあなたの意見を完全に受け取ります。はい、私は多くの議論があると想定しています..これまで、jQueryでこれを試してみたいと思います。唯一の「問題」は、それらを別のテーブルに移動した後、出荷情報を記入し、最終的に確認 - >送信する次のステップに進みます。 すでにjQueryだけでOrderWizardがあるので、それを達成できるかどうかはわかりません。あなたの返信ありがとう! – Paramone

+0

詳細はわかりませんが、ここでは正確なことはできませんが、ウィザードが次のページ全体(つまり単一のページアプリではない)に移動している場合は、jqueryを使用して、単純な古いフォーム要素でrhsテーブルをラップするだけでも。あなたが単一のページアプリケーションとしてそれをやっているなら、jsオブジェクトにそれを保持するためにjsreryを使ってrhsテーブルの内容を選択する必要があります。 jqueryの基礎(既に知っていないのであれば)は、DOM要素のコレクションにアクセスしたり操作したりするためのCSSスタイルセレクタに基づいています。 –

+0

ウィザードはURLを変更します。つまり、基本的に1ページアプリではありません。しかし、スタイルなどは同じであり、基本的に変更されるのは内容と「ステップヘッダー」だけです。私は説明していないので、あなたはこれを知ることができませんでした。あなたのご意見ありがとうございました。私は自分自身で進歩を遂げるたびに、進捗状況の答えを更新します。 – Paramone

関連する問題