EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick 3 个事件. 最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的菜单,选择了省,市菜单相应改变区菜单清空,选择了市后区菜单会相应改变. 为实现这个功能,发现了它们的区别. onChange(newVal, oldVal)文档说当 Combobox 选择项发生改变后触发,参数是选择的新值和之前的旧值.这个事件在用程序改变选项时也触发,在选择相同项目时不触发,在 C

EasyUI 中 Combobox 选项发生改变时会触发 onChange,onSelect,onClick,3 个事件.最近要做一个级联的 Combo 菜单,类似于选择地址时让用户填写省,市,区的菜单,选择了省,市菜单相应改变区菜单清空,选择了市后区菜单会相应改变.为实现这个功能在 Combobox 选择事件上纠结了一阵,现总结一下它们的区别. onChange(newVal, oldVal) 官方文档说当 Combobox 选择项发生改变后触发,参数是选择的新值和之前的旧值.这个事件在用程序

事件执行顺序: <input type="text" id="foo" onkeydown="console.log('down')" onkeypress="console.log('press')" oninput="console.log('input')" onkeyup="console.log('up')" > 以上打印顺序为 ' down press input

这里只作记录一下 在easyui开发过程中遇到下边两个事儿 combogrid/combotree做级联: $("#" + deptId).combotree( { url : urlHeader + '/deptController/allDepts.action', parentField : 'pid', lines : true, onChange : function(now, old) { $("#" + jobId).combotree( { url

JavaScript能做什么? 1.增强页面动态效果(如:下拉菜单.图片轮播.信息滚动等) 2.实现页面与用户之间的实时.动态交互(如:用户注册.登陆验证等)  一. 数组 var myarray=new Array(); 二. 函数 function 函数名(){ 函数体://完成某一功能的代码段} ps:函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名.函数的调用分两种情况:1.在<script>标签内调用 2.在HTML中调用,如通过点击按钮后调用定义好的函数.可以通

重新设计 React 组件库 诚身 7 个月前   在 react + redux 已经成为大部分前端项目底层架构的今天, 让我们再次回到软件工程界一个永恒问题的探讨上来, 那就是如何提升一个开发团队的开发效率?   从宏观的角度来讲,其实只有良好的抽象才能真正提高一个团队的开发效率, 而囿于不同产品所面临的不同业务需求,当我们抽丝剥茧般地将一个个前端工程抽象到最后一层, 那么剩下的其实就只有按钮.输入框.日历.对话框.图标等这些毫无业务含义的 UI 组件了. 选择或开发一套适合自己团队使用的

1.说明 接上一篇文章uploadify实现多附件上传完成后,又突然用到头像上传并在线裁剪.在网上找个众多例子都没有符合要求的,有一篇文章写的不错,就是文旺老兄写的这篇Asp.Net平台下的图片在线裁剪功能的实现,大家可以看一下,写的真不错.我就是在参考了他的代码下,结合uploadify使用一般处理程序实现了这个功能,写下了这篇在asp.net实现图片在线上传并在线裁剪,有点绕口哈,废话不多说,现奉上代码,供同学们交流参考,有什么不对的地方,望请大家多多提提建议,多谢!多谢! 2.组成 首先说

兼容:ie6+,FF,chrome等 示例图: CSS:     说明:图像比例为110:135     下载包里有 jquery.Jcrop.css          .jc-demo-box{position: relative; background-color: #e7e7e7; width: 395px; height: 340px; overflow: hidden; border: 1px solid #c8c8c8;}     #target{max-width: 395px;

最近有个微信项目的用户个人中心模块中,客户要求用户头像不仅仅只是上传图片,还需要能对图片进行裁剪.考虑到flash在IOS和Android上的兼容性问题,于是想着能从js这块入手,在网上发现了devotion博主写的<适应各浏览器图片裁剪无刷新上传js插件>文章,从中受到些许启发,以此为参考,进行了简单的修改. 新建一个页面,代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head id="H

今天有一个项目的功能需求 “在上传照片的时候能进行裁剪”,网上找了下,发现有Jcrop这款插件,自己试了下,感觉很不错,蛮好用的.又能增加用户体验,测试了兼容性也很好,所以在这里分享下 首先,可以到官网上下载这款插件htttp://www.jquery.com,下载后有需要的话可以看下里面的demo 在项目中,只要在head中引用 <link href="jquery.Jcrop.css" rel="stylesheet" type="text/cs

主页:http://deepliquid.com/content/Jcrop.html 官方下载地址:http://deepliquid.com/content/Jcrop_Download.html 下载包中除了 CSS 文件夹和 js 文件夹外还提供了几款 demo: 1. non-image.html 不包含图像的任意 div 或 canvas 的剪裁方式: 2.styling.html 点击按钮改变样式:提供了 3 种可以选择的遮罩色.透明度和选区边框样式 jcrop-light ( b

深入浅出WPF(1)——什么是WPF 2008-05-15 19:06:00   小序:   Hi,大家好!几乎两个月没有写技术文章了.这两个月,我在学习WPF.回顾一下两个月的学习历程,有两个感觉——第一,WPF是一项非常实用又简单易学的东西,它将成为未来MS平台上快速开发的主流趋势:第二,WPF的学习比较讲求路径,如果没有一个比较好的路径,学习起来可能比较慢,主要原因是它像是一种ASP.NET与Windows Forms的“杂交品种”,里面有很多内容与前两者似像非像,同时还有很多新内容的引入

看到一篇兼容性很强的图片无刷新裁剪上传的帖子,感觉很棒.分享下!~ 废话不多说,上效果图. 一.首先建立如下的一个page <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <

先看效果 需要的文件下载 链接:http://pan.baidu.com/s/1b8SI6M 密码:59ct 页面代码 里面用户的uuid是写死的test <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE> <html lang="en"> <

一.操作流程 会员点击头像设置,弹出一个层,在层中,有上传图片的按钮,用户点击按钮上传图片,图片在服务器端按大小压缩保存(方便剪切).保存后,在前端显示,然后用户可修剪图片.选择图片区域,点击提交,保存修剪后的图片,图片保存后在当前页面头像区域显示图片. 使用的插件有:弹出层使用lightbox_me插件,上传文件使用blueimp插件,切割图片使用Jcrop插件.插件的使用方法可以看下面的博文: 网站开发常用jQuery插件总结(16)图片修剪插件Jcrop网站开发常用jQuery插件总结(1

<1> 使用html标签上传需要裁剪的大图. <2> 在页面呈现大图,使用Jcrop(Jquery)对大图进行裁剪,并且可以进行预览. <3> 选择好截取部分之后发送数据给Action,在服务器端使用 Java API 对大图进行裁剪. <4> 保存大图裁剪好的头像到指定目录,完成业务. 下面一步一步做: 第一步:使用html标签上传需要裁剪的大图. 这一步说白了也就是使用Struts2自带的FileUpload功能,把图片进行上传具体代码如下: html页

1.html <div class="jcropbox" style="display: none"> <img src="" alt="" id="jcropImg" style="display: none"/> <div class="right-img-box"> <span class="title-tex

我遇到的Jcrop做剪裁无法显示的问题 是在IE8下发生的(在 firfox he chrome 中是显示正常的) 解决办法 是在一个图片加载完成后在 初始化 Jcrop:1.预加载图片的方法 var App=(function(){ preLoadImages:function(images,callback){ var newimages=[], loadedimages=0; var images=(typeof images!="object")? [images] : ima

之前一直使用python的PIL自定义裁切图片,今天有需求需要做一个前端的选择预览页面,索性就把这个功能整理一下,分享给大家. 实现思路: 1.前端页面: 用户选择本地一张图片,然后通过鼠标缩放和移动,确定自己所需要的图片切块,最终把图片切块的 左边距,上边距,长,宽这些个参数传给后台 2.后台: 使用的django,主要实现2部分的功能,第一:图片上传,第二:图片裁切 先看一张图片: 前端页面: 后台最后得到的图片: 对于该demo中,我用到了以下js插件: jquery-webox:弹出图层

最近有这样一个需求,因为一个门户网站首页展示图片很长但很矮,自己截图怕有不到位,所以利用JQUERY 的 Jcrop组件做了一个在线裁图的功能. 初始化 $('#oldpicImg').Jcrop({ onChange: showCoords, onSelect: showCoords, aspectRatio: null }); 因为在下面加了个选项,在意在change这个事件里面绑定重新初始化 radios.change(function () { imgParameter.scaling