所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克隆对象 ui.position - 表示相对当前对象，鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面，鼠标的坐标值对象{top,left} ui.item - 表示当前拖拽的元素 ui.placeholder - 占位符（如果有定义的话） ui.sender - 当前拖拽元素的所属sortable对象（仅当元素是从另一个...
jquery table选中行颜色(效果更好) 代码如下: .table-tr-title{ height: 26px; font-size: 12px; text-align: center; } .table-tr-content{ height: 18px; background: #FFFFFF; text-align: center; font-size: 12px; } .normalEvenTD{ background: #DFD8D8; } .normalOddTD{ background: #FFFFFF; } .hoverTD{ background-color: #eafcd5; height: 18px; text-align: center; font-size: 12px; } .trSelected{ background-c...
网页代码 代码如下:
以下列出13个jQuery操作table常用到的功能： 1.鼠标移动行变色 代码如下:$(#table1 tr).hover(function(){ $(this).children(td).addClass(hover)}, function(){ $(this).children(td).removeClass(hover)});方法二： 代码如下:$("#table1 tr:gt(0)").hover(function() { $(this).children("td").addClass("hover"); }, function() { $(this).children("td").removeClass("hover"); }); 2.奇偶行不同颜色 代码如下:$...
代码如下: pageEncoding="UTF-8"%> Insert title here url="getUsers.jsp" toolbar="#toolbar" rownumbers="true" fitColumns="true" singleSelect="true"> First Name Last Name Phone Email 代码如下: pageEncoding="UTF-8"%> Insert title here //String json = "{\"firstname\":\"firstname\",\"lastname\":\"lastname\",\"phone\":123456,\"email\":\"281446883@qq.com\"}"; List> list = new Ar...
1、前端页面 代码如下: 广告管理 //添加广告 function addlinks() { editWidget("PhoneArticleListPageInsOrUp.aspx"); } $(function () { $('.sortable').sortable({ cursor: 'move' }); }); //编辑 function editlink(prefix, aftfix, obj) { editWidget("PhoneArticleListPageInsOrUp.aspx?ID=" + obj); } function getsortresult(prefix, aftfix) { var flag = document.getElementById("" + prefix + "_sort...
项目中要实现table排序的功能。 网上有很多解决方案，很多都基于jQuery。 jquery.tablesorter，大小17KB，不过他的首页在ie10下兼容性有点问题。 DataTables，大小75KB，功能强大，带分页，搜索等功能。 还有插件叫sortElements，很小巧，只有3KB，兼容性也不错，而且在Github上有818个星。 最后我选择用sortElements，实现很简单： 1. 引入jQuery 代码如下: 2. 引入sortElements.js 代码如下: 3. js 代码 代码如下: $(docu...
1、设计表格 代码如下: 工号 姓名 年龄 性别 2014010101 张峰 56 男 2014010102 李玉 42 女 2014010103 王珂 36 男 2014010104 张钰 31 女 2014010105 朱顾 44 男 2014010106 胡雨 35 女 2014010107 刘希 30 男 2014010108 孙宇 45 女 2014010109 谷雨 33 男 2014010110 科宇 45 女 2、设计样式 代码如下: .html_body .body_div{ width: 1340; height: 595; } .body_div{ font-size: 12px; backgro...
像这种页面，我们往往不是通过提交表单来处理这些数据，因为如果在后台去遍历处理这些大量的数据是非常繁琐的；比较好的做法是在前台页面中将数据以对象形式保存在json中，然后在后台直接将json转换成我们需要的对象，这样我们的直接可以处理对象了！ 添加按钮 代码如下: table id是pswd_basic_fill_template 添加方法 代码如下: function addRowForPswdBasicFillTemplate(tid){ var applyAreaOptionStr = $(#applyAreaOptionS...
一、引入文件 代码如下:<script type="text/javascript" src="js/jquery.js?1.1.9"></script> <script type="text/javascript" src="js/jquery.tablesorter.js?1.1.9"></script> <!-- 引入以下样式则表头出现排序图标，同时引入图片 --> <link href="css/style.css?1.1.9" rel="stylesheet" type="text/css" > 效果如图： 二、标准的HTML表格，必须包括thead和tbody标签 代码如下:<table id="myTable" class="tablesorter"> <th...
代码如下: Array.prototype.filterRepeat = function () { var res = [], hash = {}; for (var i = 0, elem; (elem = this[i]) != null; i++) { if (!hash[elem]) { res.push(elem); hash[elem] = true; } } return res; } $(function () { var json = [ { "SysName": "数据库", "SysGuid": "1", "CourseName": "SQL", "CourseGuid": "22", "Remarks": "大sb", "firstdate": "2013-1-1", "firstresult": "合格", "secdate":...
一、隔行换色 代码如下: $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("background-color","#ffffff"); 或者一行搞定： 代码如下: $("table tr:nth-child(odd)").css("background-color","#eeeeee"); :nth-child 匹配其父元素下的第N个子或奇偶元素 二、鼠标经过变色 代码如下: $("tr").live({ mouseover:function(){ $(this).css("background-color","#eeeeee"); }, mouseout:function(){ $(this).css(...
页面文件 代码如下: js文件 代码如下: //保存国际化文件 function savei18ninfo(){ var i18ninfo = geti18ninfo(); alert(i18ninfo); } //获取i18n值 function geti18ninfo(){ var key = ""; var value = ""; var i18ndata = ""; var table = $("#i18ntable"); var tbody = table.children(); var trs = tbody.children(); for(var i=1;ivar tds = trs.eq(i).children(); for(var j=0;jif(j==0){ if(tds.eq(j).tex...
1.数据转换类public class DataTableReturnObject { private int iTotalRecords; private int iTotalDisplayRecords; private String sEcho; private String[][] aaData; public DataTableReturnObject(int totalRecords, int totalDisplayRecords, String echo, String[][] d) { this.setiTotalRecords(totalRecords); this.setiTotalDisplayRecords(totalDisplayRecords); this.setsEcho(echo); this.setAaData(d); } p...
利用Jquery选择器，计算table中的某一列，某一行的合计，非常方便。下面以计算行合计为例： 核心算法：$('#tableId tr').each(function() { $(this).find('td:eq(columnIndex)').each(function() { totalAmount += parseFloat($(this).text()); }) });下面是案例代码Jquery计算table行合计 $(document).ready(function() { var totalRow = 0 $('#mytable tr').each(function() { $(this).find('td:eq(2)').each(function(){ t...