jQueryUI 的 拖拽插件极大的方便了开发者对拖拽功能的实现,但是官方教程给的太笼统,在具体实现的时候很多地方不明确,这里说一下我遇到的两个 "小坑": 1:Draggable 的clone 属性. 2:Droppable 接受拖拽控件的定位问题(拖到哪,就放在哪) 首先是第一个"坑",在做一些 ...
分类:
Web程序 时间:
2016-04-14 17:47:46
阅读次数:
1532
一、EasyLoader(简单加载) locale属性:值类型是string locales属性:值类型是object 二、Draggable(拖动) 1.通过标签创建: 2.通过JS调用: html代码: JS代码: 三、Droppable(放置) 1.通过标签创建: 2.通过JS调用 html代 ...
学习要点: 1.加载方式2.属性列表3.事件列表4.方法列表 本节重点了解 EasyUI 中 Droppable(放置)组件的使用方法,所谓放置,就将一个物体入某一个物体内触发各种效果,这个组件不依赖于其他组件 一.加载方式 加载方式的其它组件是一样的,都可以使用Class加载和JS加载 class
分类:
Web程序 时间:
2016-02-25 13:41:48
阅读次数:
204
一.效果。如下图中,各途中可相互拖拉,右下角可删除。注意图1和图2对比区别 图1 图2 二.源码详解 html源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
分类:
Web程序 时间:
2016-02-19 17:12:52
阅读次数:
2006
EasyUI中Base(基础)的用法 一、Base(基础) 1、parser 解析器 2、easyloader 简单加载 3、draggable 拖动 4、droppable 放置 5、resizable 调整大小 6、pagination 分页 7、searchbox 搜索框 8、progress
分类:
其他好文 时间:
2016-02-14 18:20:02
阅读次数:
210
.加载方式//class 加载方式//JS 加载调用$('#box').droppable({accept:'#box,#pox',});属性列表Draggable 属性//属性设置$('#dd').droppable({accept : '#box', disabled : true,});三.事...
分类:
其他好文 时间:
2015-11-30 00:32:05
阅读次数:
197
生活就是不断的让自己活下去,而我们如何活下去,就是靠不断的完善自己。所以今天我们来看看JqueryeasyUi的Droppable(放置)组件。一、加载方式在使用放置组件时,有一个前提条件,那就是需要有一个可以拖拽的元素,不然我们的放置组件将毫无意义。所以我们这里默认有一个ID为"b..
分类:
Web程序 时间:
2015-08-19 17:44:19
阅读次数:
326
所谓放置,就是将一个物体放入一个物体内,当然对于easyui来说触发各种效果是必不可少的,同时这个组件也不会依赖于其他组件。 Droppable的加载方式 1,class 加载 一直不太喜欢class方式的加载 浪费一个位置,代码一多还看着乱七八糟的。1 2,js 加载调用$("#box"...
分类:
Web程序 时间:
2015-08-19 00:26:44
阅读次数:
133
最近要写一个日历📅来管理一天的事务。用工作室买来的Metronic模版,找到我想要的日历模版。讲讲fullcalendar吧: 我花了两天时间看源码fullcalendar.js。在里面发现了许多jquery-ui里的东西,我摸清了自己很多js已经不用写太多了,大部分写的是ajax请求,将静态代码...
分类:
Web程序 时间:
2015-07-28 10:25:50
阅读次数:
516