javascript sort table & merge same column
˵Ã÷£º
appendChild()
ÎÒ²âÊԵĽá¹û£º
1 appendChild() ±í¸ñÖÐËùÓÐÐÐÑ»·ÉÏÒÆÒ»ÐÐºó£¬ ÓÃеģ¨ÐУ©Ìæ»»ÁË ±í¸ñµÄÄ©ÐÐ £»Ï൱ÓÚÌæ»»Á˱í¸ñµÄµÚÒ»ÐУ¬²¢Ñ»·ÉÏÒÆÒ»ÐÐ
2 ²»¸Ä±ä ±í¸ñµÄ×Ü ÐÐÊý
insertRow()
1 insertRow() ÔÚ±í¸ñÖвåÈëÒ»ÐУ¬±í¸ñ×ÜÐÐÊéÔöÒ»
2 insertRow(index) index=0 , ÔÚ±íÍ·Ôö¼Ó£¬ index=-1, ÔÚ±íβÔö¼Ó¡£
deleteRow()
1 deleteRow(0) ɾ³ý±íÍ·µÚÒ»ÐУ¬ µÚ¶þÐбäΪµÚÒ»ÐУ» Òò´Ëɾ³ý±íͷǰnÐУ¬¿ÉÒÔÑ»·n´Îµ÷ÓÃdeleteRow(0)
Example: Sort table & Merge same Column
1¡£ Break Table: ±éÀú±í¸ñ£¬Èç¹ûÅÅÐòÁÐ µÄijTD°üº¬¶à¸öÖµ£¬ ÐèÒª²ð·ÖΪ¶àÐУ¨Ê¹ÓÃinsertRow(-1)£» index=-1ÊÇÒòΪ±ãÀû¹ý³ÌʹÓÃÔÓбí¸ñµÄÐÐÊý½øÐбéÀú£¬ÈôÔÚ±íÍ·²åÈëÐÐÔò±éÀúʧЧ£©
2¡£ Sort Table£º
a,½«±í¸ñÖеĴúÅÅÐòÐб£´æµ½Êý×éArrayOrigÖУ¬
b: ÅÅÐòÊý×éArrayOrig
c:±éÀúÊý×éArrayOrig£¬ºÏ²¢ÏàͬÁУ¬Éú³ÉArrayDest£¨×¢ÒâºÏ²¢¹ý³ÌÖÐÐèÒª±£Ö¤×´Ì¬£¬ÊôÐÔ·ûºÏÐèÇó£©
d: ±éÀúArrayDest£¬Ê¹ÓÃappendChild() Ìí¼Óµ½±í¸ñÖС£
3¡£ Delete Table£º ÒòΪappendChild()²»»á¸Ä±ä±í¸ñÐÐÊý£¬Òò´ËÊÊÓà count=ArrayOrig.length - ArrayDest.length Ñ»·µ÷ÓÃdeleteRow(0)ɾ³ý±íǰcountÐÐ
ÒÔÏÂΪ ÍøÉÏµÄ Ò»Ð©×ÊÁÏ£º
http://zxjava.javaeye.com/blog/193926
1¡¢inserRow()ºÍinsertCell()º¯Êý
insertRow(index)£ºindex´Ó0¿ªÊ¼
Õâ¸öº¯Êý½«ÐÂÐÐÌí¼Óµ½indexµÄÄÇÒ»ÐÐǰ£¬±ÈÈçinsertRow(0),Êǽ«ÐÂÐÐÌí¼Óµ½µÚÒ»ÐÐ֮ǰ¡£Ä¬ÈϵÄinsertRow()º¯ÊýÏ൱ÓÚ insertRow(-1)£¬½«ÐÂÐÐÌí¼Óµ½±íµÄ×îºó¡£Ò»°ãÎÒÃÇÔÚʹÓõÄʱºò¶¼ÊÇ£ºobjTable.insertRow(objTable.rows.length).¾ÍÊÇΪ±í¸ñobjTableÔÚ×îºóÐÂÔöÒ»ÐС£
insertCell()ºÍinsertRowµÄÓ÷¨Ïàͬ£¬ÕâÀï¾Í²»ÔÙ˵ÁË¡£
2¡¢deleteRow()ºÍdeleteCell()·½·¨
deleteRow(index)£ºindex´Ó0¿ªÊ¼
ɾ³ýÖ¸¶¨Î»ÖõÄÐк͵¥Ôª¸ñ¡£Òª´«ÈëµÄ²ÎÊý£ºIndexÊÇÐÐÔÚ±í¸ñÖеÄλÖ㬿ÉÒÔÏÂÃæµÄ·½·¨È¡µÃÈ»ºóȥɾ³ý£º
var row=document.getElementById("Row_Id");
var index=row.rowIndex;
objTable.deleteRow(index);
ɾ³ý±í¸ñµÄÐеÄʱºò£¬Èç¹ûÄãɾ³ýÁËijһÐУ¬ÄÇô±í¸ñÐÐÊýÊÇÂíÉϾͱ仯µÄ£¬ËùÒÔÈç¹ûÄãҪɾ³ý±í¸ñµÄËùÓÐÐУ¬ÏÂÃæµÄ´úÂëÊÇ´íÎóµÄ£º
function clearRow(){
objTable= document.getElementById("myTable");
for( var i=1; i<objTable.rows.length ; i++ )
{
tblObj.deleteRow(i);
}
}
Õâ¶Î´úÂëҪɾ³ý
Ïà¹ØÎĵµ£º
¡¾×ª×Ô¡¿http://www.cnblogs.com/chenxizhang/archive/2009/05/27/1491049.html
1. ±ê×¼µÄ·½·¨
<script type="text/javascript">
function openWin(src, width, height, showScroll){
window.showModalDialog (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHei ......
¡¾×ª×Ô¡¿http://www.cnblogs.com/chenxizhang/archive/2010/01/13/1646255.html
ÔÚÍøÂç±à³ÌÖУ¬ÎÒÃǾ³£ÐèÒªÓõ½javascript,ÕâЩ¿Í»§¶Ë½Å±¾ÓÖ¾³£ÐèÒªÓë·þÎñ¶Ë½øÐÐÒì²½µÄͨѶ£¬Ìá½»²¢½ÓÊÕÊý¾Ý¡£ÏÂÃæÕâ¸öÀý×ÓÑÝʾÁËÈçºÎÉè¼Æ·þÎñ£¬ÈçºÎ±àд½Å±¾
1. ·þÎñ¶Ë£¬ÕâÊÇÒ»¸öashxÎļþ
ÐèÒªÌí¼ÓÁ½¸öÒýÓà System.Runtime.Serializatio ......
¡¾×ª¡¿http://www.cnblogs.com/chenxizhang/archive/2010/01/02/1638010.html
±¾ÎÄ×ªÔØ×Ô£ºhttp://www.cn-cuckoo.com/2007/08/01/understand-javascript-closures-72.html
Òª³ÉΪ¸ß¼¶ JavaScript ³ÌÐòÔ±£¬¾Í±ØÐëÀí½â±Õ°ü¡£
±¾ÎĽáºÏ ECMA 262 ¹æ·¶Ïê½âÁ˱հüµÄÄÚ²¿¹¤×÷»úÖÆ£¬Èà JavaScript ±à³ÌÈËÔ±¶Ô±Õ°üµÄÀí½â´Ó&ldquo ......
¡¾×ª¡¿http://www.cnblogs.com/chenxizhang/archive/2009/07/12/1522058.html
ÔÚʹÓÃVisual Studio×ö¿ª·¢µÄʱºò£¬ÖÇÄܸÐÖªÊǷdz£·½±ãµÄ¡£´ÓVS2008¿ªÊ¼£¬ÌṩÁ˶ÔjavascriptµÄÖÇÄܸÐÖªÖ§³Ö¡£ÀýÈç
ÉÏÊö´úÂëÖУ¬ÎÒÃÇÏÈÓÃdocument¶ÔÏóµÄgetElementByIdµÄ·½Ê½È¡µÃÁËÎĵµÖеÄÒ»¸öIdΪform1µÄÔªËØ£¬Êµ¼ÊÉϾÍÊÇĬÈϵÄÄǸö´°ÌåÔ ......
1¡¢Ê²Ã´ÊDZհü¡¢ÒÔ¼°±Õ°üËùÉæ¼°µÄ×÷ÓÃÓòÁ´ÕâÀï¾Í²»ËµÁË¡£
2¡¢JavaScriptÀ¬»ø»ØÊÕ»úÖÆ
JavaScript²»ÐèÒªÊÖ¶¯µØÊÍ·ÅÄڴ棬ËüʹÓÃÒ»ÖÖ×Ô¶¯À¬»ø»ØÊÕ»úÖÆ£¨garbage collection£©¡£µ±Ò»¸ö¶ÔÏóÎÞÓõÄʱºò£¬¼´³ÌÐòÖÐÎÞ±äÁ¿ÒýÓÃÕâ¸ö¶ÔÏóʱ£¬¾Í»á´ÓÄÚ´æÖÐÊͷŵôÕâ¸ö±äÁ¿¡£
Code
&nb ......