JQuery 可拖曳动态添加表格、动态排序.docVIP

@Author Wen@Time 2011-05-18这个是模型代码，领会思想就够 √1、3行2列，可以拖动调整位置√2、第1列为名字，超长支持...（用css控制）√3、第2列固定宽度，第1列显示剩下的（用css控制）√4、第2列提供“上移”、“下移”操作√5、第2列提供“删除”操作√6、提供“添加行”操作，弹出div输入名字添加行√7、提供“修改行”操作，弹出div输入名字修改行文件：movetable.html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /title无标题文档/titlescript type=text/javascript src=/blog/jquery/jquery-1.4.2.min.js/scriptscript type=text/javascript src=/blog/jquery/jquery-ui-1.8.1.min.js/scriptscript type=text/javascript src=/blog/jquery/json/jquery.json-2.2.min.js/script!--script type=text/javascript src=/blog/EditTable.js/script--script//启动加载$(function(){// var obj = {a:1};// var ar = [{b:1}, {c:2}];// alert(0);// alert($.toJSON(obj));// alert(ar[0].b);resert();//拖动排序$(#sortable).sortable({items: tr,//handle: tr,//handle: .portlet-header,//cursor: move,stop: function() {resert();}});$(#sortable).disableSelection();})//up$(a.up).live(click,function(){var onthis = $(this).parent(td).parent(tr);var getup = $(this).parent(td).parent(tr).prev();$(getup).before(onthis);resert();})//down$(a.down).live(click,function(){var onthis = $(this).parent(td).parent(tr);var getup = $(this).parent(td).parent(tr).next();$(getup).after(onthis);resert();})//del$(a.del).live(click,function(){var onthis = $(this).parent(td).parent(tr);onthis.remove();})//open add$(input[name=addnewTr]).live(click,function(){$(input[name=name1]).attr(value,);$(input[name=name2]).attr(value,);$(.box3).hide();$(.box2).show();});$(input[name=nameadd]).live(click,function(){addNew();$(.box2).hide();});//open updatefunction openupdate(a){//alert(进了了望+a);var value1 = $(#+a+_1).html();var value2 = $(#+a+_2).html();$(input[name=name3]).attr(value,value1);$(input[name=name4]).attr(value,value2);$(.box2).hide();$(input[name=_update]).attr(value,a);$(.box3).show();