Bootstrap表格和栅格分页实例详解_javascript技巧.docxBootstrap表格和栅格分页实例详解拼接table请将以下代码直接运行:・-"<!DOCTYPEhtml><html><headlan萨〃zh-crT>〈title〉产品列表</title><metacharset二"utf-〃/><mctahttp-cquiv=z,X-patib1c,zcontent二〃IE二edge,chrome二〃/><metaname二〃viewport"content二"width二device-width,initial-scale二."/><linkhref二〃・・/bsframework./css/"rel二〃stylesheet"type二〃text/css〃/><scriptsre二〃../bsframework./js/jquery-.〃type二〃text/javascriptz,></script><scripttype二"text/javascript"src=〃・・/bsframework,/bootstrap-></script><script>$(function(){varindex=;$.ajax({url:"xxxx/furT,datatype:'json',type:"Post",data:"id二"+index,error:function(data){vardata={'pageCount,: 'CurrentPage,: 'list,:[{'Id':'','Name':'ddd','Message':'vvvvvv'},{'Id':'','Name':'ddee','Message':'vvvvvv,}]}vardata=JSON・stringify(data);if(data!=null){)・append(,<tableid=zzdata_table,zclass二〃tabletable-bordered^XtheadXtrclass=,,ess,,Xth>Id</th><th>部门名称</th><th>备注</th><th>ncirong</th></tr></thcadXtbodyX/tbodyX/tablc>,);$.each(eval(z,(z,+data+“)〃).1ist,function(index,item){$(,z#listtbody")・append(,<trclass二〃ess">〈td>'++?</td><td>,++*</td><td><buttonclass二〃btnbtn-smallbtn-primary"onclick二〃Edit('++');〃>修改</button><buttonclass二"btn"onclick二〃delete('++ 删除</button></td><td>,++J</td></tr>,);});varpageCount=eval(/z(/z+data+/z)/z).pageCount;varcurrentPage二eval(〃(“+data+/z
Bootstrap表格和栅格分页实例详解 javascript技巧 来自淘豆网m.daumloan.com转载请标明出处.
