- 浏览: 24389 次
- 性别:
- 来自: 北京
最新评论
-
neusoft_jerry:
同意楼下两位!
使用excanvas.js实现拓扑功能 -
cuisuqiang:
把用到的JS和页面传上去,不然看一堆代码,郁闷
使用excanvas.js实现拓扑功能 -
Silverside:
以后把写好的js文件上传不是更好吗?
如果需要特别说明,只需要 ...
使用excanvas.js实现拓扑功能 -
songfantasy:
请问可以保存吗?
使用jquery ui实现类似portlets的功能 -
songfantasy:
能否发一下源码657219956@qq.com
使用jquery ui实现类似portlets的功能
文章列表
使用了jquery和jquery.timers。
jQuery.fn.scroller = function(){
return $(this).each(function(i){
if (this.scrollee){return;}
var height = 30, times = 3000, step=1, i=0;
var animateTime = 50, emptyTime = 1000;
var erasePX = function(str){
return parseInt(str.replace(/[px]/g, &qu ...
项目中用到这么两个类,需要变成json对象,使用的gson版本是1.4。
public class SelectItem<T> implements Serializable{
private T value;
private String text;
private String image;
public SelectItem(T value, String text){
this.value = value;
this.text = text;
}
public SelectItem(T value, String te ...
这两天,又扩展了一下基于excanvas和jquery的拓扑功能。下来,准备增加画图工具了。
/**
* @author leishu <leishu@sina.com>
*/
var jvConstants = {
ELEMENT_ID_PREFIX : 'jvElement_',
ELEMENT_ID_COUNT : 0,
DEFAULT_VALID_COLOR:'#00FF00',
DEFAULT_INVALID_COLOR:'#FF0000',
HIGHLIGHT_STROKEWIDTH:3,
CURSOR_MOVABLE_E ...
这周,抽空重构了拓扑程序的脚本。结构化强了,也方便继续扩展了。
还是使用了最新的excanvas.js的最新版和jquery1.4.2。不再使用jquery ui。
除了原来的拖拽功能,还增加了改变大小的功能(先只实现了row-resize功能),以后再实现其他功能。 下来,准备实现element的动态增加、删除功能,和label功能。
JS代码如下:
var jvConstants = {
ELEMENT_ID_PREFIX : 'jvElement_',
ELEMENT_ID_COUNT : 0,
DEFAU ...
我使用了jquery的1.4版本和jquery ui 的1.8版本。实现的页面效果是这样的
四个蓝色区域,都可以拖动。
点击蓝色区域的第一个按钮,可以显示或者不显示内容。点击蓝色区域的第二个按钮,该DIV可以占满整个屏幕或者还原成现在的样子。
整个portlets分成三个struts2的标签:portletContainer、portletColumn和portlet。portletContainer是容器,portletColumn是每个列,portlet是列内的元素。
portlet.ftl文件内容如下:
<div clas ...
最近看了一下excanvas.js,感觉是个好东西。
一直想用js实现拓扑功能,正好试一下。我用的是最新版的excanvas.js,还使用到了jquery和jquery ui的最新版。
效果图如下
四个节点都可以用鼠标拖拽,之间的连接线会跟着重画。
js代码如下
$.jvChart = $.jvChart || {};$.extend($.jvChart,{ createElement : function(tag, attribs, styles, parent, nopad) { var el = document. ...
左右列表框内容选择控件,是一个实际项目中经常要用到的一个控件。
在网上可以搜索到使用Mootools技术开发的M2MSelector控件,就是一个典型的实现。印象中,网上也有使用ExtJS技术实现的该类控件。可是,在网上搜不到使用jQuery技术实现的该类型的控件。就自己实现一个吧。
先看一下页面元素有哪些吧,附图如下:
该控件包含两个可多选的下拉框,左边这个,是所有可选项的列表,右边这个,是所有已选项的列表。
有六个按钮:全部选中、选中、不选、全部不选、上移和下移。
点击“全部选中”按钮,则右边的下拉框数据与左边下拉框数据 ...