[置頂]       銀行MIS系統(tǒng)前臺開發(fā)總結(jié)（3）-dataTable控件應用2

 1 function selectRow(){  2         $("#textMakeTable tbody tr").unbind("click");  3         $("#textMakeTable tbody tr").click( function( e ) {  4             if ( $(this).hasClass('row_selected') ) {  5                 $(this).removeClass('row_selected');  6             }  7             else {  8                 textMakeTable.$('tr.row_selected').removeClass('row_selected');  9                 $(this).addClass('row_selected'); 10             } 11         }); 12 }

 1 function modifyRow(){  2     var i = 0;  3     var rowData =[];  4     $('.row_selected').find('td').each(function(){  5         rowData[i] = $(this).html();  6         i++;  7     });  8     //需要設(shè)置一些不能修改的選項，具體設(shè)置為，$('#id').attr('disable', 'disabled');同時需要注意在增加數(shù)據(jù)的函數(shù)中設(shè)置$('#id').attr('disable', true);使得其可以編輯  9     $('#textId').val(rowData[0]); 10     $('#customerId').val(rowData[1]); 11     $('#contractId').val(rowData[2]); 12     $('#accountName').val(rowData[3]); 13     $('#mobileNum').val(rowData[4]); 14     $('#identifyId').val(rowData[5]); 15     $('#conInstit').val(rowData[6]); 16     $('#belInstit').val(rowData[7]); 17     $('#contractType').val(rowData[8]);     18     $('#textId').attr('disable', 'disabled'); 19     openAddRowDialog(); 20     modifyFlag = 1; 21 }

//這是增加一行的主要代碼，隱藏了部分無關(guān)緊要的數(shù)據(jù)獲取，ajax實現(xiàn)，值得說明的是，通過我這種方法向后臺傳送了數(shù)據(jù)，而且不刷新表格，只是動態(tài)的增加了一行。 1 function addRowData(){ 2     textMakeTable.dataTable().fnAddData([ 3         textId,customerId,contractId,accountName,mobileNum,identifyId,conInstit,belInstit,'' 4     ]); 5     selectRow();  6 /*    $.ajax({ }); 7 }

1 function modifyData(){ 2 $('.row_selected').find('td').each(function(){ 3         $(this).html(rowData[i]); 4         i++; 5     }); 6 }