深度改造的基于JQuery的Flexigrid插件_flexigrid-web2.0 jquery-CSDN博客

本文链接：https://blog.csdn.net/tangmm168/article/details/5772631

深度改造的基于JQuery的Flexigrid插件

经改造后可以完美的和Struts2 json plugin或ASP.NET LINQ进行整合，而不用再进行字符串拼接出插件所需要的数组数据

效果如图

数据格式如下：(基于对象的数据模型，彻底改变了原版基于数组的数据模型，简化了数据生成的开发)

相关的API：

控制到数据显示前的处理，如处理Null,处理超链接等，同时也提供了在表格显示完后，在其他代码中能访问到表格的一些相关数据的功能

控制到指定行数据的显示样式

控制到数据加载完后的处理

控制到行单击或双击事件

动态修改表格标题等

...

如下为页面代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link rel="stylesheet" type="text/css" href="js/flexigrid/css/flexigrid/flexigrid.css" mce_href="js/flexigrid/css/flexigrid/flexigrid.css"> <mce:script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script> <mce:script type="text/javascript" language="javascript" src="js/flexigrid/flexigrid.js" mce_src="js/flexigrid/flexigrid.js"></mce:script> <mce:script type="text/javascript" language="javascript"></mce:script> </head> <body οnlοad="PageInit();"> <div style="position:relative; left:0px; top:0px;"> <table id="flexTest" style="display:none" mce_style="display:none"></table> <img id="loading" src="images/wait_big.gif" mce_src="images/wait_big.gif" style=" position:absolute; left:50%; top:50%;" /> </div> </body> </html>

如有需要可以加我MSN:tony.tang1985@hotmail.com或QQ523260276 , 欢迎点评！！你们的关注就是我的动力，谢谢！！

Web技术开发研究群，11990602，欢迎入群