テーブルに登録したデータを
__bootstrap3__のmodal上でデータを入れなおして
元の画面に再表示する方法を知りたいです。
一番上の行に入れる方法は↓ので分かるのですが
jqueryでテーブルの一番上に挿入
中間に入れる、また複数入れる時の仕組みが分かりません。
変更する際は元々ある材料が同じデータの行分をmodalに表示して確定する時にその分だけテーブルを消して
そのあとに、挿入しています。
例えば、3行2行3行の計8行のテーブルがあったとして、
そこで、間にある2行を編集して登録します。
その時に、間の2行を消してから編集登録した複数行をいれたいと考えています。
juqeryで:ltと:gtを組み合わせた方法をやってみましたが
編集した1行目は出せるのですが、
2行目のテーブルをその1行目の下にうまく表示させることが出来ません。
こちらのは一番上に追加するパターンです
jquery
var cnt = 0; if(flg_chg==true){ $(".cs-showb").each(function(){ if(($("#tbl .cs-selected").children(".list1-col1").attr('data-b1') == obj.a[sttrow])){ $('#tbl tr.cs-selected').nextUntil(':not(:has(td[data-b2=""]))').addClass('collect'); } }); } if((i==0) && (flg_added == false)){ $("#tbl").html(addtbl(resultone)); flg_added = true; }else if((i==0) && (flg_added == true) && (startrow == 0) && (flg_chg == true)){ var mytemp = addtbl(resultone); $("#tbl").prepend(mytemp); $(".cs-showb:first").addClass('cs-collect'); }else if((i!=0) && (flg_added == true) && (startrow == 0) && (flg_chg == true)){ var mytemp = addtbl(result); $(".cs-showb").each(function(){ if($(this).hasClass('collect') == true){ cnt+=1; } }); if(cnt==0){ $('#tbl .cs-serected').after(mytemp); }else{ $('#tbl .collect:last').after(mytemp); }
cs-serectedはその行を選んでる印として
collectedはその下の同じデータの数だけ付けられます。
分かる方がいましたら、力を貸していただけると幸いです。
また、このコードにのっとらなくても似たようなパターンを知っていたら
そちらを教えて頂けるとありがたいです。
回答2件
あなたの回答
tips
プレビュー