JQuery Easy Ui dataGrid 数据表格

数据表格- DataGrid

内容

继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.

数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结列和页脚是其功能只是一小部分。

依赖组件（Dependencies）

?布局- panel

?缩放- resizable

?链接按钮- linkbutton

?分页- pagination

使用方法（Usage Example）

从现有的表单元素创建数据表格，定义在html中的行，列和数据。

通过

标记创建的DataGrid。嵌套的

标签定义的列的表。

使用JavaScript创建数据表格。

查询数据填充数据表格。

数据更改与服务器交互，刷新当前数据。

数据表格属性（DataGrid Properties）

属性继承控制面板，以下是数据表格独有的属性。

列属性（Column Properties）

数据表格的列是一个对象数组，即这个对象中的元素也是一个数组（js中数组是对象）。对象数组中的每一个元素都是可配置的对象，每个可配置对象定义一个列。

示例:

编辑器（Editor）

使用$.fn.datagrid.defaults.editors重载默认值。每个编辑器都有以下方法:

如下代码将定义一个文本编辑器:

数据表格视图（DataGrid View）

使用$.fn.datagrid.defaults.view重载默认值。

视图是一个告诉数据表格如何呈现行记录的对象，对象必须定义以下方法:

事件（Events）

事件继承控制面板，以下是数据表格独有的属性。

方法（Methods）

1/////////////////////////////////////////////

8 nowrap: true,

9 striped: true,

10 fitColumns:false,

url:'${contextPath}/cardGift/cardGift.do?method=getCardGiftList&activ eId=${information.cardGiftActive.activeId}',

12 queryParams:queryParam,

13 remoteSort:false,

14//Grid对应的主键列

15 idField:'',

16 singleSelect:true,

17 columns:[[

{field:'serial',title:'',width:15,checkbox:true},

19 {field:'activeName',title:'活动名称

',width:50,sortable:true},

20 {field:'giftGoodId',title:'赠品商品编码',width:80},

21 {field:'goodsName',title:'商品名称

',width:120},

22 {field:'giftCodeTotal',title:'赠品码生成数量',width:100},

23 {field:'genCodeNumber',title:'已生成赠品码数量',width:100},

24 {field:'startTime',title:'赠品发放起始时间',width:125},

25 {field:'endTime',title:'赠品发放结束时间',width:125},

26 {field:'memo',title:'备注',width:120}

27 ]],

28 pagination:true,

29 rownumbers:true,

30 toolbar:[

31 '-',{

32 id:'btnClearSelections',

33 text:'修改活动商品',

34 iconCls:'icon-edit',

35 handler:function(){

36 editData();

37 }

38 },'-',{

39 id:'btnDel',

40 text:'删除活动商品',

41 iconCls:'icon-no',

42 handler:function(){

43 deleteData();

44 }

45 },

46 '-',{

47 id:'btnClearSelections',

48 text:'清除选择',

49 iconCls:'icon-cut',

50 handler:function(){

51 $('#grid').datagrid('clearSelections'); 52//设置选中值

53 document.addForm.reset();

54 $('#giftCodeTotal').val("0");

55 $('#memoData').html("");

56 $('#submitBtn').html("确认提交");

$('#submitBtn').attr('onclick',"addSubmit('insert');");

58 }

59 }],

60 onLoadError:function(){

61 XW_dialog.alert('','加载数据失败！');

62 }

64 });

66//设置分页控件

67var p = $('#grid').datagrid('getPager');

68 $(p).pagination(PAGE_TEMPLATE);

69 }

72function editData(){

73var row = $('#grid').datagrid("getSelections");

74if($(row).length < 1 || $(row).length > 1)

75 {

76 XW_dialog.alert('',"请选择要查看的记录，只能选取单行！");

77return ;

78 }

79//设置默认选中

$('#goodsSelect').combogrid('grid').datagrid('selectRecord',row[0].gi ftGoodId);

81 $('#goodsSelect').hide();

82//设置选中值

83 $('#giftCodeTotal').val(row[0].giftCodeTotal);

84 $('#memoData').html(row[0].memo);

85 $('#submitBtn').html("更新");

$('#submitBtn').attr('onclick',"addSubmit('update');");

87 $('#resetBtn').hide();

89 }

92function deleteData(){

93var data = $('#grid').datagrid("getSelections");

94//删除

95var delurl =

"${contextPath}/cardGift/cardGift.do?method=deleteCardGift&activeId=" +data[0].activeId+"&giftGoodId="+data[0].giftGoodId;

96//发送删除请求

97 $.ajax({

98 type: "POST",

99 dataType:'json',

100 url: delurl,

101 success: function(msg){

102if(msg.success)

103 {

104//保存回调函数使用的数据

105 XW_dialog.addData('callbackData',msg.map); 106//删除成功

107 XW_dialog.tips(msg.errorMsg, 3);

108 deleteCallBack();

109 }

110else

111 {

112 XW_dialog.alert('',msg.errorMsg);

113 }

114 }

115 });

116 }

117

118

119//删除记录回调函数，默认调用刷新记录方法，

120function deleteCallBack(){

121 reloadGrid("grid");

122 }

123

web项目前端开发经验总结

web项目前端开发经验总结最近这一个月完成了自己的第一个java web项目，是给某杂志社做的在线投稿系统，虽然进度很慢，但是中间确实学到了不少东西，深刻体会到了自己看几个月书都不如做一个项目来的实在。这个项目自己主要负责的是JSP页面、JS脚本、CSS样式表的编写，虽然主要做的是前端，但是在设计前端后台交互功能时，对MVC架构和数据库又多了一分了解，这一个月的时间，自己在技术上也确实成长了不少。下面分成几块总结一下自己的这个项目中的心得吧： 1.项目开发流程：从确认需求开始，到原型设计，再到原型测试，这些都没什么说的了，主要是刚开始开发前端JSP页面时，自己走了很多弯路，想到有什么页面就写什么页面，GET和POST的路径也是随心所欲，想到什么名字就起什么名字，结果发现这样做严重影响了项目开发的进度，后来经过主管的提点后，我幡然醒悟，其实，面向对象的思想就贯穿在整个项目当中，在前面的原型设计的过程中，除了页面的设计还有数据库的设计，数据库的每个表就对应着Java中的每个实体类，这个类封装了数据库中的列作为属性，封装了数据库的增删改查作为方法，就拿这个投稿系统为例，实体主要有用户、稿件等等，实体间还有着一对一映射或者一对多映射等对应关系。其实，整个系统的开发就是围绕着这些个实体进行的，甚至于我们可以把实体名字做为二级目录，把实体的增删改查作为GET或POST 的路径，譬如account/add、paper/delete等等，有了这些路径，那么与之对应的GET和POST的Controller也就有了，接下来我们要做的就是，定义Controller中返回的视图，写完Controller后再把与实体相关的增删改查方法写到服务层中，再把项目的整个骨架搭起来，再去处理细节，很快的，这个项目就成型了。这里前端和后台的配合尤为重要，数据交互是整个系统的核心。 2.JSP页面设计：提到JSP页面，在这里我想说的一点是，其实JSP页面是在服务器生成的，那么传给JSP页面的变量、参数都会在服务器转化为它们具体的值，然后再传给客户端。JSP页面可以实现很多服务器端的功能，因为可以直接在页面嵌入JAVA代码，但是我们必须明确的一点是，JSP页面主要是用来呈现视图的，不要再其中套入大量的代码，要明确前端与后台的分工。 3.JSTL标签：JSTL标签就是JSP standard taglib，即JSP标准标签库，首先，EL表达式可以非常方便的取出Controller返回的View包含的Model，甚至都无需声明EL 表达式。其次，JSTL标签可以实现很多的逻辑控制功能，比如最基本的c:if判断、c:forEach 循环，甚至有更强大的c:choose，有了这些，我们可以大大简化代码量，JSP页面中用几十行java写的代码，有时用几句JSTL标签组合就实现了，此外，像fmt:parseDate和 fmt:formatDate也是很好用的标签，用于日期的解析和格式化，此外JSTL更有强大的函数标签库fn:，项目中我也只用到了fn:length取后台传的list的长度。要善用JSTL标签，但是又不要完全依赖于它，JSTL标签很方便、快捷，但是切记，JSTL功能有限，不要完全依赖于它。 4.shiro框架：shiro框架是apache的一款面向java web项目的权限控制框架，这个框架无论前端、后台都十分好用，在前端，我们可以使用shiro强大的标签库，通过用户角色赋予用户不同的访问权限。譬如，如果一个系统的用户有访客、用户、管理员三种角色，我们就可以通过shiro标签来控制游客不能访问哪些内容，页面向用户和管理员呈现的不同内容，这就是shiro标签的神奇之处。 5.sitemesh框架：这个主要是用来将所有页面套用固定格式，用以页面的复用，其实有些时候标签更为方便，而且sitemesh框架的内存开销是的二倍，还会导致拦截器出现一些莫名的bug，所以并不推荐使用。

jquery mobile + html5 手机app表单跨域提交实例(手机app开发html5 juqery moblie phonegap系列一)

jquery mobile + html5 手机app表单跨域提交实例（手机app开发html5 juqery moblie phonegap系列一）第一次写博文，把学习过程记录下来也留个底，免得以后不用都忘了。确定用html5 +jquery moblie+ phonegap 框架作为app开发的主框架。一开始在网上找了很多资料，跟着学习了一下，然后下了很多代码，结果发现一个很大的问题，网上的代码很多都tmd有bug，不知道是不是故意的还是怎么地，让我也走了很多弯路。不多废话开始实战。 1、开发工具的准备： 1.1 、jquery mobile ：这个不用下载，直接在你的html文件中间加上以下代码就行了, 1.2 、html5 : 下载一个支持html5的浏览器就行了，支持的最好的是 Google Chrome ，这个还可以调试js，不错推荐。 1.3 、myEclipse 版本6.0以上就行，自带jdk 和tomcat ，这个写jsp当做服务器用。 1.4 、editplus 这个是文本编辑器，写html代码用的。这一节的开发工具就准备这些，我们这节只在浏览器上面看效果，下节讲打包发布到安卓手机上面还需要一些东西。 2、开发流程： 2.1 制作提交用户名和密码的html5表单。 2.2 通过jsonp方式跨域提交到tomcat服务器上的jsp文件。 2.3 服务程序返回ok。 3、开发步骤： 3.1 html5文件，用editplus新建一个html文件，名字随便起。然后copy以下代码： Contact Example

jQuery对表单元素的取值和赋值操作

转:jQuery对表单元素的取值和赋值操作 jquery 2009-10-14 10:40:19 阅读339 评论0字号：大中小订阅 jQuery读取input元素的值：使用常规的思路：$(”#keyword”).value 取值是取不到的，因为此时$(’#keydord’)已经不是个element，而是个jquery对象，所以应该使用：$(”#keyword”).val() 。 jQuery中val()函数的作用： val() 获得第一个匹配元素的当前值。 attr('value') 获取空间的value属性值在jQuery 1.2 中,可以返回任意元素的值。包括select。如果多选，将返回一个数组，其包含所选的值。返回值 String,Array 同理，对input元素赋值，需要： $(”#keyword”)[0].value = '';

jquery获取元素值（转） jQuery 2009-10-10 10:25:24 阅读147 评论0 字号：大中小订阅 jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items] option[selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked = true; 获取值：文本框，文本区域：$("#txt").attr("value")；多选框checkbox：$("#checkbox_id").attr("value")；单选组radio：$("input[@type=radio][@checked]").val(); 下拉框select：$('#sel').val(); 控制表单元素：文本框，文本区域：$("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容多选框checkbox：$("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾单选组radio：$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项下拉框select：$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项$("").appendTo("#sel")//添加下拉框的option $("#sel").empty()；//清空下拉框

个人简历模板工程师

求职意向：web前端工程师工作经验学历：本科计算机科学与技术。 IT技能熟练掌握以下技能： ●HTML5、CSS3以及flex弹性盒布局、响应式布局和自适应布局等页面布局； ●ECMAScript5、DOM操作文档、BOM操作浏览器和JSON数据格式，能够较好地理解闭包、作用域链、构造函数、原型对象以及原型链等; ●ECMAScript6的基础内容如模板字符串、箭头函数、解构赋值、Promise、扩展运算符、class类等; ●前后端的交互方式，如jQuery的ajax方法，jsonp跨域，基于Promise的axios，以及正在不断获得浏览器支持的fetch方法; ●基于jQuery框架的网页效果如tab切换、轮播图等，以及表单验证和cookie等插件，还有bootstrap响应式框架和jquery easyUI框架; ●前端开发工具sublime、vscode、webstorm等，postman测试http请求，web服务器软件WAMP，前端自动化构建工具gulp、webpack等，代码版本管理工具git和git客户端管理工具sourceTree ; ●Vue、vue-router、vuex状态管理和基于vue 的界面框架iview的使用; ●React、react-router、react-redux状态管理和基于react 的UI 框架（antd）的使用; 并了解以下内容： ●PHP+MySQL的基础，能做一些简单的数据接口，也可以用json-server模拟后台接口，以及faker模块创

4.使用iview 的Page 控件的页面改变方法，获取当前的页码，并且发送axios 请求获取相应数据，实现用户列表的分页。。 5.使用webpack 实现对模块打包、压缩；负责模块：用户的登录注册、增删改查，分页功能的实现；项目二：电器商城网站项目描述:本项目是一个电器商场网站，致力于为用户提供更好的生活体验。项目技术： 1.通react框架和bootstrap框架布局网页的基本结构； 2react-router的NavLink实现首页、登录、注册、详情页等页面的跳转； 3.使用jquery的validate插件实现对表单的验证； 4.swiper的Autoplay组件实现轮播图效果,以及tab切换，详情页的放大镜效果； 5.React组件挂载过后使用fetch方法实现图片的动态加载和数据更新； 6.使用route的params传递产品编号，然后跳转到相应的详情页； 7.使用webpack进行模块的打包和压缩；负责模块：首页，用户的登录注册，详情页。项目三：内容管理系统项目描述: NodeJS+Mongodb+Express+jquery EasyUI做的内容管理系统项目技术： 1.express开发框架快速搭建开发环境，使用express的路由进行页面的切换。 2.采用mvc设计模式，即model-view-controller模式； 3.使用基于分布式文件存储的MongoDB数据库，接口测试和http请求的psotman工具；

PHP JQUERY AJAX 提交表单FORM详解

PHP jQuery Ajax Form表单提交实例解析，包括创建一个表单html页面、添加JQuery代码、jquery ajax表单提交、jquery ajax表单验证、反馈信息给用户，php ajax 表单验证，php ajax提交表单，php ajax form验证，php ajax提交form。本实例用到JQuery类库本身的函数和功能，所有表单信息利用PHPMailer类库邮件的形式发送。 1、创建一个表单html页面表单部分html代码这里用一个id为contact_form来包含整个包含信息；这是有意义的，稍后在JavaScript与用户交互信息的时候会用到，这里form标签的属性里面既包含了method和action；这个意义其实不大，因为Javascript直接操作DOM，所以没有这两个属性也是可以的；务必要给用户输入的input标签加独立的id，这和第二点原理类似。否则，无法看到正常的效果。 2、添加JQuery代码这里假设你已经从JQuery官方网站上下载了JQuery基库，然后上传到了你的WEB服务器，并添加到你要使用的网页中。

现在新建一个JS文件第1行的function()函数与Jquery的document.ready函数用法和功能相同，都是在DOM准备完毕后自动触发。第2行里面是一个单击触发函数click()，需要注意的是，在HTML一页提交按钮上需要放置一个名为“button”的Class，以模拟实现submit 提交表单的功能，从第二点我们可以看出，JQuery可以很好的将结构和逻辑分离。 3、jquery ajax表单验证在实际应用中，这一步是必不可少的。在用户漏填，错填某个项目时，及时提示。

Javaweb师创试题

JavaWeb试题一．单项选择（共20题，每题2分） 1.HTML的全称是什么( A ) A.HyperText Markup Language B.HyperTest Market Language C.HighTest Markup Language D.HyperText Market Language 2.以下选项中属于行内标签的是（A ） A、 span B、 p C、div D、hr 3.以下说法正确的是（ C） A、background-color:设置文字颜色 B、back-corlor设置背景色 C、 background-color：设置背景色 D、 color：设置背景色 4.下列哪一项是CSS 正确的语法（C ） A、 body: color=black B、 {body: color:black} C、 body{color:black} D、 {body:color=black} 5.Http协议的状态码（D）表示文件没有找到

A、200 B、400 C、 500 D、 404 6.Tomcat的端口号可以在(A )文件中修改 A. server.xml B. web.xml C. tomcat.xml D. 不能改 7.在一个表单里，想要用jquery找到指定元素的第一个元素用 ( )实现，第二个元素用( A)实现。 A、first,eq(1) B、first,equ(0) C、first,eq(0) D、fir,eq(1) 8.当一个Servlet首次被请求的时候,服务器首先会调用( D )方法 A、 doGet B、 doPost C、 doInit D、 init 9.在J2EE中，重定向到另一个页面，以下（C）语句是正确的 A、 request . sendRedirect(“http :// www . svse . com . cn”); B、 request . sendRedirect(); C、 response . sendRedirect(“http: // www . svse . com . cn”); D、 response .sendRedirect(); 10.在Servlet中，response.getWriter()返回的是( B ) A、 JspWriter对象 B、 PrintWriter对象 C、 Out对象 D、 ResponseWriter对象 11.Login.jsp为登录页面，表单代码如下：

树状下拉选择框comboxtree实例

jquery easy ui comboxtree应用树状下拉选择框 2011-04-28 13:23:05| 分类：默认分类| 标签：|字号大中小订阅随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 jQuery 是继prototype之后的又一个优秀的javascript框架。它是由John Resig 于2006 年初创建的，它有助于简化JavaScript? 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery：prototype 就像Java，而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。它具有如下一些特点： 1、代码简练、语义易懂、学习快速、文档丰富。 2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。 3、jQuery支持css1-CSS3,以及基本的xPath。 4、jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 5、可以很容易的为jQuery扩展其他功能。 6、能将JS代码和html代码完全分离，便于代码和维护和修改。 7、插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。 jQuery的设计会改变你写JavaScript代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS 开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。 jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript 应用的地方，可用于不同的Web应用程序中。官方站点：https://www.360docs.net/doc/207831033.html,/ 中文站点：https://www.360docs.net/doc/207831033.html,/ 今天我们所讲的就是jquery-easy-ui，这是一个功能比较丰富的插件，提供了许多通用布局、显示组件。如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效等。此插件的目标就是 Easy to build the ui of your web site by it! 我们通常有一些数据需要用户进行选择，比如部门或类别之类的，一般情况下我们提供了一个select 元素即可。如下:

JQuery提交表单 Form.js官方插件介绍

JQuery提交表单Form.js官方插件介绍 Form插件，支持Ajax，支持Ajax文件上传，功能强大，基本满足日常应用。 1、JQuery框架下载 https://www.360docs.net/doc/207831033.html,/ 2、Form插件下载 https://www.360docs.net/doc/207831033.html,/jquery/form/#download 3、Form插件的简单入门第二步：jquery.js和form.js文件的包含

表单插件API提供了几个方法，让你轻松管理表单数据和进行表单提交。 ajaxForm 增加所有需要的事件监听器，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。可链接（Chainable）：可以。实例： $('#myFormId').ajaxForm(); ajaxSubmit 马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。可链接（Chainable）：可以。实例： // 绑定表单提交事件处理器 $('#myFormId').submit(function() { // 提交表单 $(this).ajaxSubmit(); // 为了防止普通浏览器进行表单提交和产生页面导航（防止页面刷新？）返回false return false; }); formSerialize 将表单串行化（或序列化）成一个查询字符串。这个方法将返回以下格式的字符串：name1=value1&name2=value2。可链接（Chainable）：不能，这个方法返回一个字符串。实例： var queryString = $('#myFormId').formSerialize(); // 现在可以使用$.get、$.post、$.ajax等来提交数据 $.post('myscript.php', queryString); fieldSerialize

表单提交中文乱码问题

jquery.form 提交中文时乱码(GBK 乱码)的解决方案分类：jQuery2009-11-18 21:58 1758人阅读评论(0) 收藏举报在使用jsp开始时，一不小心就会出现中文乱码的情况。通常可以使用如下方法解决：第一种解决方法：从jsp到servlet统一使用utf-8编码.全部使用utf-8编码能省去很多麻烦，但一点不足是utf-8编码对汉字是使用3-4个字节，会加大网络传输量。第二种方法： 1.jsp页面使用GBK 2.使用servlet过滤器设置request.setCharacterEncoding("GBK");google一下就能找到很多怎么使用过滤器转换编码。以上两种方法能解决大部分的乱码问题，特别是第一种方法，能解决使用ajax提交时的中文乱码问题。如果采用第二种方法，那么在使用ajax提交表单时仍然会有中文乱码。这是因为ajax方式提交时js使用的是utf-8的编码，过滤器使用gbk进行转码就不正确了，应该使用utf-8进行转码。要解决这个问题，网上也有很多个版本，其中一个是我曾经采用的在客户端使用encodeURI，然后再在服务器端进行URLDecoder.decode，这种方案在偶尔处理一下中文是可行的，但是如果页面有大量数据录入，那么这种方案是不可行的。有没有好的解决方法呢？在经过新一轮的google之后，还是找到了方法。参考 https://www.360docs.net/doc/207831033.html, /topic/157698?page=1。原理就是根据httpheader中的内容来区分是ajax方式请求还是普通的请求。在jquery1.2.6中，ajaxSettings默认设置contentType 为"application/x-www-form -urlencoded"，在ajax方法中设置 xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");，我们只要在servlet中根据这两个参数值来判断是不是通过xmlhttprequest发起的请求。这里值得一提的是jquery 在提交form 时对参数进行了encodeURIComponent调用，参见param方法 [javascript]view plainc opy 1.jQuery .each( a, function(){ 2. s.push( encodeURIComponent(this .name) + "=" + encodeURIComponent( thi s .value ) ); 3.});

jQuery LigerUI 使用教程表格篇(1)模板

jQuery LigerUI 使用教程表格篇(1) ligerGrid是ligerui系列插件的核心控件，用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等第一个例子简介 ligerGrid是ligerui系列插件的核心控件，用户可以快速地创建一个美观,而且功能强大的表格,支持排序、分页、多表头、固定列等等。支持本地数据和服务器数据(配置data或者url) 支持排序和分页(包括Javascript排序和分页) 支持列的“显示/隐藏” 支持多表头支持固定列支持明细行支持汇总行支持单元格模板支持编辑表格(三种编辑模式,单元格编辑、行编辑、明细编辑) 支持树表格支持分组代码首先引入基本的css和js文件复制代码代码如下:

然后就可以使用liger Grid了复制代码代码如下: