最近一直都在用easyui前端框架来开发设计UI，但在使用Dialog时，发现如果页面内容比较多，就会出现问题，首先看一下我的原代码：代码如下: 请选择确认结果：成功失败$("#confirmd").dialog({title: '预约确认',iconCls: 'icon-save', resizable: false, modal: true, closed: true,width: 200, height: 200,buttons: [{ text: '提 交', handler: function () {alert("ok");}}, { text: '取 消', handler: function () {$("#confir...
动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。 这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。 浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是，结构不复杂的时候还好，结构一复杂，就想...
本文是脚本之家小编给大家分享的jquery validate验证框架大全，本文内容讲的非常详细，感兴趣的朋友一起看看吧一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script>注：<%=request.getContextPath() %>返回web项目的根路径。二、默认校验规则(1)、required:true 必输字...
AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 您应当具备的基础知识 在继续学习之前，您需要对下面的知识有基本的了解： HTML / XHTML CSS JavaScript / DOM 如果您希望首先学习这些项目，请在我们的首页访问这些教程。 什么是 AJAX ？ AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可...
json作为一种轻量级的数据交换格式，在前后台数据交换中占据着非常重要的地位。Json的语法非常简单，采用的是键值对表示形式。JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序，也可以从服务器端程序传递json格式的字符串给前端并由前端解释。这个字符串是符合json语法的，而json语法又是 javascript语法的子集...
jQuery使用有一段时间了，但是有一些API的实现实在想不通。小编参考相关资料源码，现在把我的学习过程和收获分享给大家。 下面将使用简化的代码来介绍，主要关注jQuery的实现思想~>_<~//匿名立即执行函数 //.防止污染全局空间 //.选择性保护内部变量 (function(window, undefined){ //第二参数undefined设置而不传的原因： // 外部发生这种情况:var undefined = 时，undefined会被篡改 // 设置第二参数而不传，则undefined就会被重...
json(JavaScript Object Notation):轻量级的数据交换(交换的数据转换成与平台无关的)格式 java对象转换成json字符串,使用ObjectMapper类的writeValueAsString(java对象); 将json字符串或者json对象组成的数组字符串转成javascript对象使用javascript内置对象JSON提供的parse函数 $.ajax()方法 $.ajax({url:请求地址(相对),type:请求类型,data:请求参数(可以字符串形式还可以是对象形式{"adminCode":"king","age":22}),dataType:服务...
最近做的项目涉及到JQueryEasyUI框架的使用，EasyUI是什么？网上解释说它是来自W3C标准WEB前端专家DHTML精英俱乐部的简单易用功能强大的轻量级WEB前端JavaScript框架!从这句话的理解来说，我认为它是一种JavaScript框架。对于最近的使用中，给我的感觉就是，借用官网JqueryEasyUI上的一句话，EasyUI是基于jQuery用户界面插件的集合，我把它理解成一种插件，不知道有没有问题。而使用easyui，不需要写很多的javascript代码，只需在定...
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。一、导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script>注：<%=request.getContextPath() %>返回web项目的根路径。 二、默认校验规则(1)、required:true...
最近基于jQuery和Bootstrap框架实现了一个仿知乎动态列表的前端效果，基本实现了和知乎动态列表相同的效果。如下： 1.基本列表项2.列表项全文展开、折叠（图中为展开第一项）3.评论项展开4.列表数据加载（加载全部）5.带动画效果的点赞功能6.回复列表的hover显示功能HTML代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> <meta name="view...
换肤功能的应用很广，不管是搜索界面还是普通的管理界面等等，都可以进行设计并且应用换肤功能，起到更好的用户体验。 今天仿造百度的换肤功能，实现了基本的换肤功能，接下来将会为大家介绍如何实现。在设计界面的过程当中，我采用了Bootstrap框架，以便更好的适应屏幕。（当然也是为了更好的熟悉使用这个框架，大家别忘了把Bootstrap框架的css和js包引进来哦）。在创建项目时最好可以分别将css、js、images分开。 首先是布局，...
问题描述：当引用了jquery框架后，页面的js不能正常工作。 后面我的解决办法：是因为在引用 jquery的框架时的代码为 <script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改为如下的引用方式<script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js"></script> 问题解决。 以上这篇引用jquery框架后出错的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也...
目前有大量的 javascript 开发框架，其中有一部分使用 $ 作为调用符号，这可能导致相互之间的冲突，而 jQuery 为解决这个问题，可以在 jQuery 导入时放弃 $ 使用权，届时 $ 则由其它框架使用，这样可以避免相同名字的函数调用不再冲突。 jQuery 使用 noConflict 方法来放弃 $ 调用时的命名，之后由 jQuery 代替 $ 进行编写。 例如：alert($(#message).val()); 必须修改为 alert(jQuery(#message).val()); jQuery 才能正常运行。 <s...
本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果。分享给大家供大家参考，具体如下： function openTopWindow(url, title, width, height) {title = title == undefined ? : title;width = width == undefined ? 800 : width;height = height == undefined ? 300 : height;if (url != undefined) {var content = <iframe name="eui-open-page" scrolling="auto" frameborder="0" src=" + url + " style...
基础DOM结构 什么叫“完整的基础DOM结构”，这里“基础”的意思是指这个结构不依赖具体数据，不依赖Datagrid的view属性，只要存在Datagrid实例就会存在这样的基础DOM结构；而“完整”的意思是指在冻结列，冻结行，标题，footer，分页这些功能块都存在时候的DOM结构。 要搞清楚Datagrid的工作原理，这个DOM结构必须要烂熟于胸的，我们直接来看这个“基础完整DOM结构”是什么样子的： <!-- datagrid的最外层容器，可以使用$(target)....