JQuery表格插件的开发和使用.pdf

《JQuery表格插件的开发和使用.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、学术探讨经验交流2013年第12期JQuery表格插件的开发和使用张超沈新华（1．南京交通职业技术学院，江苏南京211188；2．上海蓝灯软件科技有限公司，上海200333）[摘要]本文通过Javascript和ASP．NET工具开发了一个实用JQuery数据表格插件，其中详细阐述了该插件的开发和调用过程，论文介绍的插件开发方便了Web前台的数据列表显示，提高了网站前端设计效率。[关键词]JQuery；ASP.NET；JavaScript；表格插件数列表如下：1．引言sAjaxSource：用来

2、设置请求数据的URL地址，通过发起JQuery是目前应用最广泛的前端JS框架之一，JQueryAjax请求来获取服务器端的数据，这里就填写处理程序地插件更是其非常重要的一个扩展部分，其良好的封装和复用址；性为用户快速开发Web应用程序提供了很大支持。随着插sAjaxParams：用来让用户自己定义参数，方便执行定制件技术的迅速发展，使用软件开发工具进行插件开发已变得化查询数据的功能；比较容易，开发插件的好处在于插件结构具有良好的扩充和fnCallback：回调函数，即表格加载好之后执行的函数；定

3、制功能，以及很容易将插件作为功能模块挂接到主程序上aoColumns：定义列数据，这里的数据格式需要写成对象面。本文就现在Web应用里面用得最多的数据列表显示功数组，因为里面需要定制获取的数据列头[cName]、表头显示能进行插件设计，传统的GridView是服务器端生成的数据绑的文字[cText]、是否为排序列[cSort]，还有自定义列格式定控件，功能虽然强大，但是不好控制，一旦要做一些复杂的[fnRender]；功能就显得很无助，笔者开发的JQuery数据表格插件是一个bSelectAll

4、：用来设置是否显示全选按钮，true则生成的客户端插件，效果丰富，代码量小，执行速度快，功能完备，容表格会支持全选功能，反之则不显示；易控制，并且代码简洁易懂，方便使用者改写插件，所以在应oPageIndex：用来定义默认显示第几页的数据；用上能满足大部分用户的数据列表显示需求。oPageSize：用来定义每页默认显示多少条数据；2．实施细则oSortType：用来定义默认排序类别（desc或者asc）；oSortCol：定义默认排序字段；开发平台是Windows7+VisualStudio20

5、10，开发语言是bProcessing：设置是否显示数据加载中的Loading效果；Javascript和ASP．NET。整个过程我们分两步走：第一步是oLanguage：执行多语言功能，目前没有考虑在设计范围分析插件，第二步是实现插件。内，是预留的参数。2．1分析插件2．2实现插件首先打开VS2010，建立一个空Web应用程序项目，接着第一步是先搭建好插件框架，代码架构如下：把最终的效果用静态的方式实现出来，然后再逆向分析过(function($){程，这种做法比较高效。笔者把表格样式单独放在

6、了CSS文//此处是插件功能代码件里面，CSS代码是另外做UI用的，可以定制自己喜欢的风})(jQuery)；格，这样以后可以留作扩展控件皮肤。第二步构建参数，在框架体内设置默认参数，关键代码插件的功能列表如下：如下：a．数据显示$.fn.JTables.defaults={//默认参数设置b．按照列排序，可以自定义排序列sAjaxSource：""，//数据源c．可以自定义列格式sAjaxParams：{}，//参数d．数据分页fnCallback：function(){}，//回调函数e．预

7、留查询参数aoColumns：[]，//列数据包括的参数：cNamef．全选cTextcSortfnRenderg．多语言bSelectAll：true，//是否有全选功能为了方便用户使用，需要预留参数，笔者设计的插件参——————————————作者简介：张超，女，河南方城人，硕士，讲师，研究方向：计算机及应用。-66-经验交流学术探讨2013年第12期oPageIndex：1，//默认显示第一页数据this)">

8、ted""：oPageSize：5，//默认一页5条数据"")+">51030