Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

12¿îJavascript ±í¸ñ¿Ø¼þ£¨javaeye£©

    12¿îJavaScript±í¸ñ¿Ø¼þ¡£±í¸ñ¿Ø¼þ(DataGrid )ÔÊÐí×îÖÕÓû§ÔĶÁºÍдÈëµ½¾ø´ó¶àÊýÊý¾Ý¿âµÄÓ¦ÓóÌÐò¡£DataGrid ¿Ø¼þ¿ÉÒÔÔÚÉè¼ÆÊ±¿ìËÙ½øÐÐÅäÖã¬Ö»ÐèÉÙÁ¿´úÂë»òÎÞÐè´úÂë¡£µ±ÔÚÉè¼ÆÊ±ÉèÖÃÁËDataGrid ¿Ø¼þµÄ DataSource ÊôÐԺ󣬾ͻáÓÃÊý¾ÝÔ´µÄ¼Ç¼¼¯À´×Ô¶¯Ìî³ä¸Ã¿Ø¼þ£¬ÒÔ¼°×Ô¶¯ÉèÖøÿؼþµÄÁбêÍ·¡£È»ºóÄú¾Í¿ÉÒԱ༭¸ÃÍø¸ñµÄÁУ»É¾³ý¡¢ÖØÐ°²ÅÅ¡¢Ìí¼ÓÁбêÍ·¡¢»òÕßµ÷ÕûÈÎÒâÒ»ÁеĿí¶È
  
1. Flexigrid
FlexigridÊÇÒ»¸öÀàËÆÓÚExt Gird£¬µ«»ùÓÚjQuery¿ª·¢µÄGrid¡£Ëü¾ßÓеŦÄܰüÀ¨£º¿ÉÒÔµ÷ÕûÁÐ¿í£¬ºÏ²¢ÁбêÌ⣬·ÖÒ³£¬ÅÅÐò£¬ÏÔʾ/Òþ²Ø±í¸ñµÈ¡£FlexigridÏÔʾµÄÊý¾ÝÄܹ»Í¨¹ýAjax»ñÈ¡»òÕß´ÓÒ»¸öÆÕͨµÄ±í¸ñת»»¡£
2. Yahoo! UI Library: DataTable (ÑÝʾµØÖ·)
¸ÃDataTable¿Ø¼þÌṩµÄ¹¦ÄÜÓУºÅÅÐò¡¢Áпíµ÷Õû¡¢·ÖÒ³¡¢inline editing¡¢row selectionµÈ¡£
3. jqGrid
jqGridÊÇÒ»¸öAjaxed jQuery Grid²å¼þ¡£Ìṩ·ÖÒ³¹¦ÄÜ£¬Ìí¼Ó¡¢±à¼­¡¢É¾³ýºÍËÑË÷±íÖмǼ£¬Ö§³Ö¶àÖÖÊý¾ÝÀàÐÍÊäÈ룺XML£¬JSON£¬ArrayµÈ£¬¶àÐÐÑ¡Ôñ£¬Ö§³Ö×Ó±í¸ñ£¬¼¯³ÉÈÕÆÚÑ¡Ôñ¿Ø¼þµÈµÈ¡£
4. tableFormSynch (ÑÝʾµØÖ·)
tableFormSynchÊÇÒ»¸ö±í¸ñÓë±íµ¥Êý¾ÝÏ໥¸üеÄjQuery²å¼þ¡£ËüÌṩµÄ¹¦ÄܰüÀ¨£º»ùÓÚ±íµ¥ÖеÄÊý¾Ý£¬ÐÂÔöÐС£É¾³ýËùÑ¡ÔñÐУ¬²¢Çå³ý±íµ¥ÖеÄËùÓÐÊý¾Ý¡£tableFormSynchÖ§³ÖËùÓÐ±íµ¥¿Ø¼þ°üÀ¨£ºcheckboxes¡¢radio¡¢buttons¡¢select
5. DataTables
DataTablesÊÇÒ»¸öjQuery²å¼þ£¬Äܹ»ÈÃHTML±í¸ñºÜ·½±ãµØÊµÏÖ·ÖÒ³¡¢¹ýÂ˺ͶàÀ¸ÅÅÐòµÈ¹¦ÄÜ¡£DataTables¿ÉÒÔʹÓñ¾Éí×Ô´øµÄCSSÑùʽ£¬µ«»¹¿ÉÒÔ°´×Ô¼ºµÄÐèÒª×Ô¶¨ÒåCSSÑùʽ¡£Ëü¾ßÓÐÒÔÏÂÌØÕ÷£º
×ÔÊÊÓ¦À¸¿í
¿É±£´æ±í¸ñ״̬
¿ÉÒþº¬ÁÐ
¶¯Ì¬´´½¨±í¸ñ
Ajax×Ô¶¯×°ÔØÊý¾Ý
·á¸»µÄ·ÖÒ³ÀàÐÍ
¶àÀ¸ÅÅÐòºÍ¸ßÁÁÏÔʾ
6. OmniGrid
OmniGridÊÇÒ»¸ö²ÉÓÃMootools1.2¿ª·¢µÄ±í¸ñ¿Ø¼þÓëFlexGrid jQueryºÍSortableTableÏàËÆ¡£¾ßÓзÖÒ³£¬ÅÅÐò£¬AjaxÊý¾Ý¼ÓÔØ£¬Ìí¼Ó/ÐÞ¸Ä/ɾ³ý±í¸ñÊý¾Ý¹¦Äܵȡ£
7. moodgets Grid (ÑÝʾµØÖ·)
moodgets GridÊÇÒ»¸ö»ùÓÚMootools¿ò¼Ü¿ª·¢£¬Ò×ÓÚʹÓ㬿ÉÀ©Õ¹µÄ±í¸ñ¿Ø¼þ¡£Í϶¯µ÷Õû±í¸ñÁÐ¿í£¬ÅÅÐò£¬¶àÐлòµ¥ÐÐÑ¡Ôñ£¬µ¥»÷±í¸ñµ¥Ôª¸ñ¿É±à¼­£¬·ÖÒ³£¬Í¨¹ýAjax¼ÓÔØÊý¾Ý¡£
8. MyTableGrid (ÑÝʾµØÖ·)
MyTableGridÊÇÒ»¸ö»ùÓÚÊÇPrototype¿ò¼Ü¿ª·¢µÄDataGrid¿Ø¼þ£¬ÓÃÓÚÒÔÒ»ÖÖ¸üÒ×ÓÚä¯ÀÀºÍ¸üÁé»îµÄ·½Ê½À´Õ¹Ê¾Êý¾Ý¡£ËüÌṩAjaxÖ§³ÖµÄ¿ìËÙ·ÖÒ³ºÍÊý¾ÝÅÅÐò¹¦ÄÜ£¬¿ÉÒÔÍ϶¯µ÷ÕûÊý¾ÝÁпí¶È£¬Òþ²Ø²»ÐèÒªÏÔʾµÄÁÐ


Ïà¹ØÎĵµ£º

JavaScript ¼Ì³ÐÏê½â3

ÔÚµÚÒ»ÕÂÖУ¬ÎÒÃÇʹÓù¹Ô캯ÊýºÍÔ­Ð͵ķ½Ê½ÔÚJavaScriptµÄÊÀ½çÖÐʵÏÖÁËÀàºÍ¼Ì³Ð£¬ µ«ÊÇ´æÔںܶàÎÊÌâ¡£ÕâÒ»ÕÂÎÒÃǽ«»áÖðÒ»·ÖÎöÕâЩÎÊÌ⣬²¢¸ø³ö½â¾ö·½°¸¡£
×¢£º±¾ÕÂÖеÄjClassµÄʵÏֲο¼ÁËSimple JavaScript Inheritance
µÄ×ö·¨¡£
Ê×ÏÈÈÃÎÒÃÇÀ´»Ø¹ËһϵÚÒ»ÕÂÖнéÉܵÄÀý×Ó£º
function Person(name) {
this.name = nam ......

JavaScript¿Í»§¶Ëд¶þ½øÖÆÎļþ(ת)

 JavaScript¿ÉÒÔÔÚ¿Í»§¶ËʵÏֺܶàÓÐÓõĽ»»¥¶¯×÷¡£Í¨¹ýµ÷ÓÃActive×é¼þ£¬»¹ÄܽøÒ»²½ÌáÉý²Ù×÷ÄÜÁ¦¡£ÔÚ¿Í»§¶ËдÎļþÒ»°ãʹÓÃFSO×é¼þ¡£µ«FSOÓиöÈõµã£¬¾ÍÊÇËü²»ÄÜд³ö¶þ½øÖƵÄÎļþ£¬Õâ¿ÉÄÜÊdzöÓÚ°²È«µÄ¿¼Âǰɡ£
    Èç¹ûҪд³ö¶þ½øÖÆÎļþ£¬±ÈÈç´Ó·þÎñÆ÷´«À´µÄWordÎĵµ£¬¿ÉÒÔ²ÉÓÃÁíÒ»¸ö×é¼þ£ºAdodb.Stream¡ ......

javascript trim

×î½ü×ö˰Îñ×ÛºÏÆ½Ì¨¹¤×÷Á÷£¬ ÔÚÒ³ÃæÉÏÅжÏÊÇ·ñÊÇ“»õ±Ò½ð¶î”¸ñʽ£¬Ê¹ÓõÄÊÇÕýÔò±í´ïʽ£¬Ò»Ö±¶¼Ã»ÓÐÎÊÌ⣬
ºóÀ´Í»È»ÎÞ·¨ÑéÖ¤£¬ ¾ÍÊDz»·ûºÏÕýÔò±í´ïʽµÄ½á¹¹£¬×îºóÖÕÓÚ·¢ÏÖ ½ð¶îºóÃæ°üº¬¿Õ¸ñ×Ö·û´®£¬ÔÚÍøÉÏÕÒµ½Ò»¶Î´úÂë £¬ÕýºÃ½â¾ö¡£
String.prototype.trim= function(){
   // ÓÃÕýÔò±í´ïʽ½«Ç°ºó¿ ......

javascriptÅжϱäÁ¿ÊÇ·ñ¶¨Òå

Ö±½ÓʹÓÃ䶨ÒåµÄJavascript±äÁ¿Ê±£¬Ò³Ãæ»á±¨´í²¢ÎÞ·¨Ö´ÐУ¬±ÈÈç
if (varName=="")
{
}
ÐèÒªÏÈÅжϱäÁ¿ÊÇ·ñ¶¨Ò壬ʹÓÃtypeofº¯Êý¿ÉÒÔÅжϣ¬ÈçÏÂʹÓãº
if (typeof(ipaddr)=='undefined')
{
window.alert('ipaddr䶨Òå');
} ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ