《Ucren 开发笔记》 作者：dron 时间：2007-03-12
当前版本：2.0 beta 003
一、Framework 全局中存在的元素 (ucren.js)
Ucren.version // Ucren 版本号
Ucren.appPath // Ucren 安装路径
Ucren.apply(o, m) // o 继承 m 的所有元素
一些全局变量：
HASDOCTYPE // 文档是否有 doctype，boolen 型，只读
ISIE // 浏览器是否是 IE，boolen 型，只读
ISFF // 浏览器是否是 FF，boolen 型，只读
ROOT // 文档的根元素 uObject 对象
BODY // body 元素的 uObject 对象
HEAD // head 元素的 uObject 对象
二、dom 操作 (ucren-dom.js)
Ucren.getElement(e) // 通过 e 得到对象，e 可以是对象的id，也可以直接是 dom 元素
e若为 #html，则返回 <html> 对象(uObject 对象)，同理，#head、#body 返回 <head> <body>
Ucren.getElement(e).dom // 得到相应的 HTMLElement
Ucren.getElement(e).id // 对象的id，只读
Ucren.getElement(e).uObject // true，只读
Ucren.getElement(e).width // 对象的宽度，只读
Ucren.getElement(e).height // 对象的高度，只读
Ucren.getElement(e).left // 对象的左，只读
Ucren.getElement(e).top // 对象的上，只读
Ucren.getElement(e).posRange // 对象的可拖动范围（对象型）
Ucren.getElement(e).posRange.minX // 对象的可拖动坐标 x 最小值
Ucren.getElement(e).posRange.maxX // 对象的可拖动坐标 x 最大值
Ucren.getElement(e).posRange.minY // 对象的可拖动坐标 y 最小值
Ucren.getElement(e).posRange.maxY // 对象的可拖动坐标 y 最大值
Ucren.getElement(e).setWidth(w) // 设定对象的宽
Ucren.getElement(e).setHeight(h) // 设定对象的高
Ucren.getElement(e).setLeft(l) // 设定对象的左
Ucren.getElement(e).setTop(t) // 设定对象的上
Ucren.getElement(e).setStyle(s) // 设定对象的样式，s，对象型
Ucren.getElement(e).setClass(c) // 设定对象的className
Ucren.getElement(e).set(a, b) // 设定对象的自定义属性，如 set("inuse", 1);
Ucren.getElement(e).createElement(tg, {}, {}, {}) // 在 e 下面创建一个 tg，返回这个 tg 对象(uObject 对象)
Ucren.getElement(e).addDom(dom) // 把 dom 移进 e 的内部
Ucren.getElement(e).get(p) // 得到自定义属性的值
Ucren.getElement(e).getStyle(w) // 得到样式 w 的值 e.g. getStyle("backgroundColor")
Ucren.getElement(e).getElementsByName(nm, d) // 在 e 下面搜索 name 为 nm 的对象集合(uObject 对象)
Ucren.getElement(e).getAllElements() // 得到 e 下面的所有元素
Ucren.getElement(e).getElementsByTagName(tg, d) // 在 e 下面搜索 tagname 为 tg 的对象集合(uObject 对象)
Ucren.getElement(e).getElementsByClassName(cn, d) // 在 e 下面搜索 classname 为 cn 的对象集合(uObject 对象)
Ucren.getElement(e).getElementsByAttribute(at, v, d) // 在 e 下面搜索自定义属性at， 返回对象集合(uObject 对象)
Ucren.getElement(e).getParentElement(n) // 得到第 n 层父对象(uObject 对象)
Ucren.getElement(e).on(evt) // 给对象添加事件
Ucren.getElement(e).setDisplay(ds) // 设定 e 的可见状态，Boolean
Ucren.getElement(e).setPosition(p) // 设定 e 的位置方式
Ucren.getElement(e).remove() // 移除 dom
Ucren.getElement(e).refresh() // 刷新 e 的属性
Ucren.getElement(e).getHTML() // 得到 innerHTML
Ucren.getElement(e).setHTML() // 设置 innerHTML
Ucren.getElement(e).drag(e, callback) // 拖动，拖动完毕后执行 callback
Ucren.getElement(e).drop(e) // 丢掉
三、dialog (ucren-dialog.js)
Ucren.dialog.showOverdiv() // 创建一个模态对话框的半透明底版
Ucren.alert(s, t, callback) // 弹出一个对话框，标题为 t，内容为 s，点击确定后触发 callback
Ucren.prompt(s, t, callback) // 弹出一个输入框，标题为 t，内容为 s，点击确定后触发 callback
Ucren.confirm(s, t, callback) // 弹出一个确认框，标题为 t，内容为 s，点击确定或取消后触发 callback
new Ucren.showLoading(s, t) // 弹出一个loading框，标题为 t, 内容为 s
四、form 界面 (ucren-form.js)
new Ucren.Window(config) // 构造一个窗体
new Ucren.Window(config).left // 窗体当前左属性，只读
new Ucren.Window(config).top // 窗体当前上属性，只读
new Ucren.Window(config).width // 窗体当前宽属性，只读
new Ucren.Window(config).height // 窗体当前高属性，只读
new Ucren.Window(config).visible // 窗体是否可见，只读
new Ucren.Window(config).maxed // 窗体是否已被最大化，只读
new Ucren.Window(config).mined // 窗体是否已被最小化，只读
new Ucren.Window(config).isCurrent // 窗体是否是前台窗口，只读
new Ucren.Window(config).show() // 显示窗体
new Ucren.Window(config).hide() // 隐藏窗体
new Ucren.Window(config).toMax() // 最大化/还原窗体
new Ucren.Window(config).toMin() // 最小化/还原窗体
new Ucren.Window(config).resizeTo(w, h) // 改变窗体大小
new Ucren.Window(config).moveTo(x, y) // 移动窗体
new Ucren.Window(config).dragSize(e) // 通边拉动，改变窗体大小
new Ucren.Window(config).focus() // 将窗体置于前台
new Ucren.Window(config).blur() // 将窗体置于后台
new Ucren.Window(config).center() // 将窗体置于上下左右居中的位置
new Ucren.Window(config).remove() // 移除窗体，注意与 hide 方法的区别
config 例子：
{
left: 100, // 窗体的左
top: 100, // 窗体的上
width: 400, // 窗体的宽
height: 300, // 窗体的高
caption: "我的窗体", // 窗体的标题
icon: "images/ico.gif" // 窗体标题栏的小图标
panel: "panel", // 窗体主面板
minButton: true, // 窗体是否显示最小化按钮
maxButton: true, // 窗体是否显示最大化按钮
cloButton: true, // 窗体是否显示关闭按钮
minWidth: 400, // 窗体最小宽度
minHeight: 300, // 窗体最小高度
resizeAble: true // 指定窗体能否被通过鼠标拉动改变大小
onClose : function // 当窗体被关闭时，触发该事件
onOpen : function // 当窗体被打开时，触发该事件
onResize : function // 当窗体被重定大小时，触发该事件
onMove : function // 当窗体被拖动时，触发该事件
onFocus : function // 当窗体被置为前台时，触发该事件
onBlur : function // 当窗体被置为后台时，触发该事件
}
五、数据操作 (ucren-data.js)
Ucren.String(str) // 构造一个字符串模版
Ucren.String(str).replace(obj) // 根据 obj 对象进行对模版的替换
new Ucren.DataVess(config) // 构造一个数据容
new Ucren.DataVess(config).data // 数据容的数据体
new Ucren.DataVess(config).count // 数据容的记录数
new Ucren.DataVess(config).pointer // 数据容的当前记录指针
new Ucren.DataVess(config).go(n) // 将数据容的记录指针切换到 n
new Ucren.DataVess(config).pos(f, v) // 将数据容的记录指针切换到字段 f 值为 v 的记录
new Ucren.DataVess(config).read(s) // 读取数据，如果 s 为数字，则返回第 s 条记录整行，如果 s 为
字符串，则返回当前记录的字段为 s 的数值，如果 s 缺省
则返回当前记录整行
new Ucren.DataVess(config).append(a) // 往数据容的最后一条记录之后添加数据 a
new Ucren.DataVess(config).insertBefore(n, s) // 往数据容的第 n 条记录之前添加数据 s
new Ucren.DataVess(config).del(n) // 删除数据容的第 n 条记录，如果 n 为数组，删除所有以 n 下标
的记录行的记录，如果 n 缺省，则删除当前记录
new Ucren.DataVess(config).edit(f, v) // 编辑当前记录的字段为 f 的值为 v
new Ucren.DataVess(config).search(f, k, h) // 搜索所有字段 f 包含关键字 k 的记录集，h 指定是否从头匹配
config 例子：
{
fields: ["field1", "field2"], // 数据容的字段定义
data: [
["value", "value"],
["value", "value"],
["value", "value"],
["value", "value"]
] // 数据容的数据体
}
六、事件操作 (ucren-util.js & ucren.js)
Ucren.Event(e) // 返回鼠标坐标
Ucren.addEvent(e, f) // 增加事件，e 若为 string 型，则给 window 增加普通事件，事件触发 f
e 若为 function 型，则等待 e 返回真时才触发 f
七、切换主题功能 (ucren-util.js)
Ucren.useSkin(s) // 应用 s 主题， s 可选 default、xp、qq
八、扩展的小控件 (ucren-widget.js)
1) 按钮
new Ucren.Button(config) // 构造一个 button
new Ucren.Button(config).width // 按钮的宽，只读
new Ucren.Button(config).caption // 按钮的初始文本，只读
new Ucren.Button(config).handler // 按钮的点击事件函数，只读
new Ucren.Button(config).disabled // 按钮是否被禁用，只读
new Ucren.Button(config).dom // 按钮 input 的原 dom 对象
new Ucren.Button(config).applyTo(container) // 将按钮应用到容器 container 中
new Ucren
ucren-widgets
需积分: 3 178 浏览量
2007-04-30
22:07:56
上传
评论
收藏 59KB RAR 举报
ucren-widgets （150个子文件） 
build-list.bat 22B build-list.bat 22B build-list.bat 22B build-list.bat 22B interface.css 5KB interface.css 5KB interface.css 5KB interface.css 5KB widgets.css 377B
win-min.gif 1KB win-clo.gif 1KB win-res.gif 1KB win-clo.gif 1KB win-max.gif 1KB txf-selbar-on.gif 694B txf-selbar.gif 658B txf-selbar.gif 658B txf-selbar-on.gif 655B txf-selbar-on.gif 655B win-res.gif 639B win-min.gif 637B win-clo.gif 632B win-max.gif 627B win-min.gif 614B loading.gif 589B radio-tru.gif 563B radio-fal.gif 562B ckbox-tru.gif 535B win-res.gif 450B win-max.gif 438B radio-tru.gif 360B radio-tru.gif 360B radio-tru-dis.gif 348B radio-fal.gif 342B radio-fal.gif 342B radio-fal-dis.gif 340B ckbox-tru-dis.gif 327B ckbox-fal.gif 324B btn-r.gif 290B outlook-caption.gif 264B win-bd.gif 261B radio-tru-dis.gif 222B radio-tru-dis.gif 222B txf-selbar.gif 217B ckbox-tru.gif 206B ckbox-tru.gif 206B ckbox-fal-dis.gif 205B ckbox-fal.gif 197B ckbox-fal.gif 197B btn-r.gif 196B btn-l.gif 196B btn-r.gif 186B btn-l.gif 185B btn-l.gif 183B outlook-caption.gif 163B outlook-caption.gif 154B radio-fal-dis.gif 153B radio-fal-dis.gif 153B win-tit2.gif 152B win-tit.gif 152B win-tit.gif 151B txf-selbar.gif 124B txf-selbar-on.gif 120B win-resbar.gif 117B win-res.gif 112B win-clo.gif 108B ico.gif 107B radio-tru.gif 107B ckbox-tru.gif 105B ckbox-tru-dis.gif 104B radio-tru-dis.gif 103B radio-fal.gif 102B win-min.gif 100B win-tit2.gif 99B btn-c.gif 99B win-tit.gif 99B btn-c.gif 99B radio-fal-dis.gif 97B btn-c.gif 97B ckbox-fal.gif 94B ckbox-fal-dis.gif 94B win-resbar.gif 90B win-lb.gif 90B btn-r.gif 80B btn-l.gif 80B ckbox-tru-dis.gif 77B ckbox-tru-dis.gif 77B win-resbar.gif 76B outlook-caption.gif 72B ckbox-fal-dis.gif 72B ckbox-fal-dis.gif 72B txf-l.gif 70B win-max.gif 70B txf-r.gif 69B txf-c.gif 66B btn-c.gif 66B win-lb.gif 65B win-rt.gif 65B win-lt.gif 65B win-tit2.gif 65B共 150 条
- 1
- 2
资源评论
