Js&Jquery
lcczzu
这个作者很懒,什么都没留下…
展开
-
JS 解析Json 方法
在JSON中,有两种结构:对象和数组。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间运用 “,”(逗号)分隔。名称用引号括起来;值如果是字符串则必须用括号,数值原创 2014-09-17 11:28:19 · 419 阅读 · 0 评论 -
给Jquery easyui 的datagrid 每行增加操作链接
背景 我们都知道Jquery的Easy-UI的datagrid可以添加并且自定义Toolbar,这样我们选择一行然后选择toolbar的相应按钮就可以对这行的数据进行操作。但实际项目里我们可能需要在每行后面加一些操作链接,最常见的就是比如“修改”、“删除”、“查看”之类。如下图: 凡事都怕但是!Easy-UI的Datagrid没有直接添加link转载 2015-07-03 16:01:52 · 1373 阅读 · 0 评论 -
jquery操作select(取值,设置选中)
每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true);转载 2015-07-03 15:59:16 · 310 阅读 · 0 评论 -
jquery EasyUI的formatter格式化函数代码
以下实例格式化数据表格中的一列。如果金额小于20时使用自定义的格式器将文本变成红色。要格式化数据表格列,需要设置formatter属性,该属性是一个函数,它包含两个参数: value: 对应字段的当前列的值 record: 当前行的记录数据 复制代码代码如下:$('#tt').datagrid({ title:'Formatting Columns',转载 2015-07-03 16:00:40 · 399 阅读 · 0 评论 -
jquery 回车事件
全局:$(function(){document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $('#FormId).submit();//处理事件 }}}); 某个控转载 2015-07-03 16:07:35 · 262 阅读 · 0 评论 -
DataGrid控件介绍
DataGrid控件介绍1. 引言Rich UI中的DataGrid组件可以在表中显示一组行数据。本文将详细介绍DataGrid组件相关信息。如果想要较好的理解DataGrid,你需要熟悉以下内容:如何定义表头如何定义behavior,它是DataGrid组件中包含一系列behavior函数的属性。当组件被渲染时,属性中的behavior函数将被调用。如何定义liste转载 2015-07-14 11:37:22 · 1748 阅读 · 0 评论 -
jquery easyui datagrid 设置设置在选中
var row = $("#dg").datagrid("getSelected");if ($("#dg").datagrid("getChecked").length > 1) {//将所有选中的checkbox设为不选中 并保留选中的行中的第一行$("#dg").datagrid("unselectAll");var rowIndex1 = $("#dg").datagrid转载 2015-07-13 16:58:26 · 1379 阅读 · 0 评论 -
Jquery Easyui datagrid如何在动态获取当前选中行的值
Question:easyui grid列是动态生成的,现在想要获取第一列的值,单是该列的名字因为是动态获取的,所以名字不固定。使用easyui选中的方法var ids = [];var rows = $('#tt').datagrid('getSelections');for(var i=0; iids.push(rows[i].itemid);}alert(id转载 2015-07-13 17:00:11 · 3293 阅读 · 0 评论 -
js弹窗返回值(window.open方式)
test.php function winOpen() { window.open ("test2.php", "", "height=400, width=400"); } --> --------------转载 2015-07-13 16:55:33 · 1370 阅读 · 0 评论 -
EasyUi Datagrid的基础使用
Datagride的初始化方式方式1 :class类型创建,这个创建方式比较简单,如果在已知表格内容的情况下可以使用,还是挺漂亮的[html] view plaincopytable class="easyui-datagrid"> thead> tr> th转载 2015-07-13 17:09:10 · 380 阅读 · 0 评论 -
正则表达式匹配引号中间的内容怎么写?
字符串:123“abc”456匹配结果:abcAnswer1:利用先行和后发断言规则: (?最近总结了一篇关于正则表达式的博文,题主不妨一读:《正则表达式基础》。测试代码如下:$subject = '123"abc"456';$pattern = '/(?;preg_match($pattern, $subject, $result);var_d转载 2015-07-14 16:19:44 · 43505 阅读 · 1 评论 -
jquery easyui datagrid使用参考
在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid。代码如下:页面上的div标签:div id="magazineGrid">div>js代码:$('#magazineGrid').datagrid({ height: 340, url: 'url', method: 'POST', que转载 2015-07-14 11:38:29 · 425 阅读 · 0 评论 -
jQuery EasyUI API 中文文档 - DataGrid数据表格
jQuery EasyUI API 中文文档 - DataGrid数据表格使用说明,需要的朋友可以参考下。扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination 用法 复制代码代码如下:转载 2015-07-14 11:39:14 · 742 阅读 · 0 评论 -
js用Date对象的setDate()函数对日期进行加减操作
在某个日期上加减天数来说,其实只要调用Date对象的setDate()函数就可以了,具体方法如下想自己写一个日期的加减方法,但是涉及到每个月天数的判断,如果是2月份的话,还要涉及到闰年的判断,有些复杂,应用过程中总是出现问题,于是查了下资料,以在某个日期上加减天数来说,其实只要调用Date对象的setDate()函数就可以了,具体方法如下:?转载 2015-07-14 16:28:53 · 4781 阅读 · 0 评论 -
Javascript日期对象的dateAdd与dateDiff方法
Date.prototype.dateAdd = function(interval,number) { var d = this; var k={'y':'FullYear', 'q':'Month', 'm':'Month', 'w':'Date', 'd':'Date', 'h':'Hours', 'n':'Minutes', 's':'Seconds', 'ms':'Milli转载 2015-07-14 16:29:56 · 511 阅读 · 0 评论 -
EasyUI实现二级页面的内容勾选的方法
EasyUI,在增、删的时候,经常用到二级页面进行勾选。可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。在这些事件中,将勾选的内容存到map中,并转换成json格式字符串放到隐藏域中。代码如下:onCheck : function(rowIndex, rowData) i转载 2015-07-14 16:26:06 · 612 阅读 · 0 评论 -
Jquery实现textarea自动换行
今天做一个在线聊天小程序的时候,利用jquery把文本框中的内容放入文本域,发现嵌入Html代码没有反应,这是去网上查查没找到答案,不过看到了这样一句话:jQuery的text()和val()都可以取到值。TextArea里面的原始换行是"\n\r",用text()取的时候,换行变成了 "\r",用val()取的时候,换行变成"\n",于是想到把改成\n问题解决ht转载 2015-07-14 16:27:23 · 4042 阅读 · 0 评论 -
基于jQuery的AJAX和JSON的实例
通过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。我们先来看一下html模板: table id="datas" border="1" cellspacing="0" style="border-collapse: collapse">转载 2015-07-15 13:59:39 · 544 阅读 · 0 评论 -
jquery 遍历select option 结果集
"text/javascript" src="js/jquery-1.3.1.js"> "text/javascript" src="js/jquery.suggest.js"> "text/javascript"> jQuery(function() { jQuery('#deviceType').suggest('local_data');转载 2015-07-03 16:00:00 · 1528 阅读 · 1 评论 -
常用的JQuery数字类型验证正则表达式整理
var regexEnum = { intege:"^-?[1-9]//d*$", //整数 intege1:"^[1-9]//d*$", //正整数 intege2:"^-[1-9]//d*$", //负整数 num:"^([+-]?)//d*//.?//d+$", //数字 num1:"^([1-9]//d*|0)$", //正数(正整数 + 0) num2:"^-转载 2015-06-26 18:06:55 · 1058 阅读 · 0 评论 -
深入理解Javascript window对象
首先看我们的源代码。[html] view plaincopyprint?> html> head> metacharset="utf-8"/> title>深入理解Javascripttitle> scripttype="text/javascript"charset="ut转载 2014-09-17 13:52:51 · 268 阅读 · 0 评论 -
JS 解析 JSON 及 XML
书写AJAX的时候,经常需要解析从服务器返回的一串字符串,这里简单介绍服务器返回字符的两种格式,及JS对它们的解析方法。 一、JSON 即JS对象标记(JavaScript Object Notation),是一种以JS声明对象的方式组合的一串字符串。 JS可以按以下方式定义对象: var obj= { id: 2,原创 2014-09-17 13:12:25 · 329 阅读 · 0 评论 -
javascript eval和JSON之间的联系
本文着重解释eval函数和JSON数据格式之间的联系以及一些细节上的问题。原创 2014-09-17 13:08:42 · 257 阅读 · 0 评论 -
JQuery的Boxy弹出模态对话框,如何获得页面的返回值returnValue
JQuery很好用,现在想做个原来window.ShowModelDialog()的模态对话框,但是不知道如何像以前一样获得returnValue,请知道的给指点一二。谢谢。原创 2014-09-17 11:26:51 · 787 阅读 · 0 评论 -
关于JavaScript的全局变量的问题
在定义变量的时候不加var,则表示变量自动成为全局变量,就相当于你在方法外面已经定义了一个全局变量a,即function test() { a="hello"; alert(a); alert(window.a); }相当于...var a;function test(){a="hello"; //调用的都是全局变量alert(a); alert原创 2014-09-17 13:15:41 · 367 阅读 · 0 评论 -
jquery easyui dialog的几个使用问题
jquery easyui dialog可以两种方式使用1)定义div,使用iframe 需要显示dialog时使用以下2行即可$('#openXXXIframe')[0].src='xxxEdit.action';$('#openRoleDiv').dialog('open');2)不使用iframe(请参见easyui的demo) Dia转载 2014-09-28 11:09:33 · 510 阅读 · 0 评论 -
Ajax与传统表单提交的区别
Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求。比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现。网上的客服软件也是ajax请求的一个比较好的案例。传统的请求页面将实现刷新,因此局限性很大。1.为什么用AJAX?使用AJAX,用户对Web的体验会更转载 2014-09-28 11:05:22 · 318 阅读 · 0 评论 -
JavaScript声明全局变量三种方式的异同
变量及变量声明是一门语言最基本的概念,初学者都会很快掌握。JavaScript中声明变量也是如此,很简单var(关键字)+变量名(标识符)。 方式112vartest;vartest = 5;需注意的是该句不能包含在function内,否则是局部变量。这是第一种方式声明全局变量。转载 2014-09-28 11:20:06 · 326 阅读 · 0 评论 -
AJAX提交与FORM提交的区别说明
现在来对比一下ajax与隐藏form提交的利与弊。1.隐藏form提交,更新数据完成后,需要转到一个空白页面再对原页面进行提交后处理;ajax则不用,可以直接返回原页面进行提交后的处理。可见ajax可以比隐藏form提交少增加一个页面。2.ajax出于安全性考虑,不能对文件进行操作,所以就不能通过ajax来实现文件上传,而通过隐藏form提交则可以实现这个功能,所以这就是目前用隐藏form转载 2014-09-28 11:04:29 · 1218 阅读 · 0 评论 -
springMVC框架下JQuery传递并解析Json数据
json作为一种轻量级的数据交换格式,在前后台数据交换中占据着非常重要的地位。Json的语法非常简单,采用的是键值对表示形式。JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序,也可以从服务器端程序传递json格式的字符串给前端并由前端解释。这个字符串是符合json语法转载 2015-06-03 10:19:12 · 459 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()
parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object注意:单引号写在{}外,每个属转载 2015-06-03 10:18:10 · 299 阅读 · 0 评论 -
JSON 字符串 与 java 对象的转换
// 引入相应的包//json-lib-2.2-jdk15.jarimport net.sf.json.JSONArray;import net.sf.json.JSONObject;1. //把java 对象列表转换为json对象数组,并转为字符串 JSONArray array = JSONArray.fromObject(userlist);转载 2015-06-26 10:36:02 · 301 阅读 · 0 评论 -
Jquery 将表单序列化为Json对象
大家知道Jquery中有serialize方法,可以将表单序列化为一个“&”连接的字符串,但却没有提供序列化为Json的方法。不过,我们可以写一个插件实现。 我在网上看到有人用替换的方法,先用serialize序列化后,将&替换成“:”、“‘”:/** * 重置form表单 * @param formId form的id转载 2015-06-26 10:40:05 · 259 阅读 · 0 评论 -
Json经典文章
1 /*2 * Copyright 2002-2009 the original author or authors.3 *4 * Licensed under the Apache License, Version 2.0 (the "License");5 * you may not use this file except in compliance wi转载 2015-06-26 10:35:16 · 595 阅读 · 0 评论 -
js数组传到后台
使用json,你的数据对象先通过json(javascript版本)转换,再填入hidden控件,然后server取得的hidden的值,经json反变换就可得到。所有的序列化和反序列化都不需要关心了。转载 2015-06-26 10:37:36 · 1167 阅读 · 0 评论 -
js中cookie的使用详细分析
JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。 cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一转载 2015-06-26 16:29:54 · 292 阅读 · 0 评论 -
js数组的操作
1、数组的创建1var arrayObj = new Array(); //创建一个数组2 3var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度4转载 2015-06-26 17:44:19 · 244 阅读 · 0 评论 -
jquery 操作DOM的基本用法分享
$(document).ready(function(){ alert($("ul li:eq(1)").text()); //选取第二个li的值 alert($("p").attr("title")); //选取p的title属性的值 //追加元素 $('ul').append("香蕉").append("雪梨"); //前面追加 $('ul').prepend("前加"转载 2015-08-18 11:44:28 · 420 阅读 · 0 评论