js GridView自動計算操作コードの実装
3710 ワード
次のコードに注意して、jqueryをロードする必要がありますので、公式サイトで最新バージョンをダウンロードしてください.
js GridView,
<!--
<br>//
<br>var tbl;
<br>//
<br>function setTotal(){
<br>var totalAmount=0;//
<br>var totalCount=0;//
<br>if(tbl!=null&&tbl.rows.length>2)//
<br>{
<br>for(var n=1;n<tbl.rows.length-1;n++)//rows 0 ,
<br>{
<br>//
<br>if(!isNaN(tbl.rows[n].cells[2].childNodes[0].value))
<br>{
<br>totalCount+=Number(tbl.rows[n].cells[2].childNodes[0].value);
<br>}
<br>//
<br>if(!isNaN(tbl.rows[n].cells[3].innerText))//
<br>{
<br>totalAmount+=Number(tbl.rows[n].cells[3].innerText);
<br>}
<br>}
<br>}
<br>tbl.rows[tbl.rows.length-1].cells[2].innerText=totalCount;
<br>tbl.rows[tbl.rows.length-1].cells[3].innerText=totalAmount;
<br>}
<br>// , ,
<br>// index='<%#Container.DataItemIndex %>'
<br>function fPrice(rowId,val){
<br>tbl.rows[Number(rowId)].cells[3].innerText=
<br>Number(val)* Number(tbl.rows[Number(rowId)].cells[2].childNodes[0].value);
<br>}
<br>//
<br>function fCount(rowId,val){
<br>tbl.rows[Number(rowId)].cells[3].innerText=
<br>Number(val)* Number(tbl.rows[Number(rowId)].cells[1].childNodes[0].value);
<br>}
<br>//
<br>function checknum()
<br>{
<br>if((event.keyCode>=48&&event.keyCode<=57)||event.keyCode==8||(event.keyCode>=96&&event.keyCode<=105)
<br>||event.keyCode==46||event.keyCode==37||event.keyCode==39||event.keyCode==190||event.keyCode==110)
<br>{
<br>event.returnValue=true;
<br>}
<br>else
<br>{
<br>event.returnValue=false;
<br>}
<br>
<br>}
<br>jQuery(function(){
<br>// table
<br>//tbl=document.getElementById("GridView1");
<br>tbl=$("#GridView1").get(0);// DOM
<br>// input
<br>jQuery("input").keydown(function(){
<br>checknum();
<br>}).keyup(function(){
<br>setTotal();
<br>});
<br>});
<br>
<br>// -->
1
2