实践jQuery Easyui后本地化有感

这个星期在忙着easyui的例子中的大部分功能的本地化。一开始给我的感觉就是把jquery easyui中的每个demo的代码粘贴复制一遍。

可是,真正在做的过程中,我才发现,我错了。

在仿写easyui的demo时,不仅可以照着示例中的demo编写,还可以在其中添加自己的功能,自己的样式。

在写代码的过程中,不仅可以熟悉easyui的各个模块的实现属性是什么,而且也熟悉了html的编写风格。特别是,对于css的页面定位有了更深刻的理解。

例如:

特别是对于上图,有了一番不错的理解。知道了我们以border为参照,margin是作用于border之外,padding是使对象作用于border之内。在布局时,就要有一些整体的概念。

因为在css上的功底还是不够,所以对于一些基本的属性还存在理解不到位的,所以有的时候会有一定的顾虑,继续学习中。

时间: 2024-10-11 06:36:31

实践jQuery Easyui后本地化有感的相关文章

jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法

转自:http://www.cnblogs.com/sunjie9606/archive/2012/09/13/2683636.html 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout" 等 处理方法: 在html片段加载完毕后使用 Js代码 $.parser.parse(context) 即可重新渲染. 实现原理: 首先附上jquery.parser.js的源码 Js代码 (function($){ $.parser

jquery easyui文档一(草稿)

Jquery easyui文档 基础 每个easyui的组件都有属性,方法和事件,开发者可以很方便的扩展他们. 属性 组件的属性定义在jQuery.fn.{plugin}.defaults,例如,dialog的属性定义在jQuery.fn.dialog.defaults 事件 事件(回调函数)也定义在jQuery.fn.{plugin}.defaults 方法 调用方法的语法类似:$('selector').plugin('method', parameter): 具体来说: Selector就

一、初识jQuery EasyUI

用了jQuery EasyUI(后面简称"EasyUI")半年了,做了一个项目,目前项目开发将近完成,对EasyUI算是有些开发经验了吧,所以想分享下开发中的那些事儿. 百度一下EasyUI,你会发现好多的教程,但大都只是些Demo及API的解释,而开发中的遇到的一些问题很少有解答,也许是没人问过吧.本人在本系列文章里就不过多的说明API了,主要是分享一些碰到的问题及我自己的解决办法,算是抛砖引玉吧.高手飘吧--^o^ 闲话少絮,如题本节先来了解下EasyUI. 1.EasyUI的目录

jQuery EasyUI之EasyLoader使用

EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件 需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了. 比如需要加载linkbutton组件,则可以用下面的两种方式来加载: 第一种通过设置class来实现: <a href="#" class="easyui-linkbutton" onclick="load1()">加载日历</a&

(一)jQuery EasyUI 的EasyLoader加载原理

1.第一次看了官网的demo,引用的是EasyLoader.js文件,而不是引用jquery.easyui.min.js文件,我就有疑问了,百度一下. jQuery EasyUI是一款基于JQuery的UI快速搭建组件.EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件,需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了. 比如需要加载linkbutton组件,则可以用下面的两种方式来加载: 第一种通过

JQuery EasyUI的常用组件

jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点. 注:本次介绍的JQuery EasyUI版本为1.5版. 一.表单 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等.当提交表单的时候可以调用validate方法检查表单是否有效. 用法: 使用form标签创建 <form id="ff" method="post"> <

使用Struts2和jQuery EasyUI实现简单CRUD系统(五)——jsp,json,EasyUI的结合

这部分比較复杂,之前看过自己的同学开发一个选课系统的时候用到了JSON,可是一直不知道有什么用.写东西也没用到.所以没去学他.然后如今以这样的怀着好奇心,这是做什么用的,这是怎么用的.这是怎么结合的心态去学习,效果非常好. 这次用到的EasyUI的数据网格,DataGrid. 需用引用一个url传来的json数据.然后整齐美观地展如今页面上.想想自己之前做的东西.就直接拿数据库的数据和html的table代码进行拼接,整洁是整洁,可是代码写得特别别扭. 让我站在一个设计者的思路上来看,假设我如今

【转】 jquery easyui Tab 引入页面的问题

原地址:http://blog.csdn.net/superdog007/article/details/8225518 jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:“href远程请求”和“content本地内容”,本文就两种方式的优缺点进行简单分析和思考. 两者特点: href方式加载数据的特点: 被加载的页面只有body元素内部的内容才会被加载,也就是jQuery的ajax请求的只是html片段. 加载远程url时有遮罩效果,也就是“等待中……”效果

jquery easyui 验证

今天工作的时候,遇到个比较简单的问题,就是验证问题.在jquery easyui里验证都是用正则表达式 写在一个公共的js里,这样在data-options里的validType[]调用就可以.但是今天却出事情了. 以前的项目模块当表单提交的时候都是调用公用方法domysave(),用了很久所以没注意里面具体是怎么调用的.今天写一个模块突然改变了传值的方式和后台传过来的数据模式也不一样,所以就得用api里的form 表单提交一点点写了: $('#ff').form('submit', { url