AspxGridView 弹框选择器 JS
function Dictionary() {
this.data = new Array();
this.put = function (key, value) {
this.data[key] = value;
};
this.get = function (key) {
return this.data[key];
};
this.remove = function (key) {
this.data[key] = null;
};
this.isEmpty = function () {
return this.data.length == 0;
};
this.size = function () {
return this.data.length;
};
};
$.fn.set = function (text) {
sele.SetValue(this, text);
}
/*
选择器(王志强-2014-04-26)
*/
var sele = {
rIndex: 1, para: { id: 1, name: "", parameter: "" },
paras: new Dictionary(),
Init: function (options) {
this.SetOptions(options);
this.gname = this.options.gname;
this.fname = this.options.fname;
var controls = this.options.controls;
var column = gridDefault.GetColumnByField(this.fname);
sele[this.fname] = $("input[name='" + this.gname + "$DXEditor" + column.index + "']");
for (var i = 0; i < controls.length; i++) {
var c = gridDefault.GetColumnByField(controls[i]);
if (c)
sele[controls[i]] = $("input[name='" + this.gname + "$DXEditor" + c.index + "'][autocomplete!='off']");
}
var cIndex = parseInt(column.index);
cIndex = cIndex < 10 ? "_" + cIndex : cIndex;
var evObj = {
EventObj: $("td[id^=" + this.gname + "_tccell][id$=" + cIndex + "]"),
InputObj: $("input[name='" + this.gname + "$DXEditor" + column.index + "'][autocomplete!='off']")
}
return evObj;
},
SetOptions: function (_options) {
this.options = {
gname: "ASPxGridView1",
fname: "SupplierId",
controls: []
};
$.extend(this.options, _options || {});
},
DialogOpen: function (url, _options, control, callback) {
var _this = this;
var options = {
title: "标题",
id: "msgDialog",
width: $(window).width() / 3 + "px",
height: $(window).height() / 3 + "px",
lock: false,
drag: false,
position: "default"
};
$.extend(options, _options || {});
var kHeight = 0;
var cHeight = parseInt(options.height.replace("px", ""));
var cWidth = parseInt(options.width.replace("px", ""));
try {
if (($(control).offset().top + $(control).height() - $(document).scrollTop() + cHeight > $(window).height())
|| $(control).offset().left + $(control).width() - $(document).scrollLeft() + +cWidth > $(window).width()) {
}
if ($(control).offset().top == 0 || $(control).offset().left == 0) {
options.position = "default";
}
} catch (e) {
options.position = "default";
}
switch (options.position) {
case "default":
options.top = ($(window).height() - cHeight + kHeight) / 2 + $(document).scrollTop() + "px";
options.left = ($(window).width() - cWidth) / 2 + "px";
break;
case "right":
options.top = $(control).offset().top - cHeight / 2 + kHeight + "px";
options.left = $(control).offset().left + $(control).width() + "px";
break;
case "right-bottom":
options.top = $(control).offset().top + $(control).height() + kHeight + "px";
options.left = $(control).offset().left + $(control).width() + "px";
break;
case "bottom":
options.top = $(control).offset().top-2 + kHeight + "px";
options.left = $(control).offset().left-7 + "px";
break;
}
if (options.top == "0px" || options.top == "0px") {
options.top = ($(window).height() - cHeight + kHeight) / 2 + $(document).scrollTop() + "px";
options.left = ($(window).width() - cWidth) / 2 + "px";
}
art.dialog.data("callback", function (data) {
callback(data);
});
if ((typeof sele.paras.get(sele.rIndex)) != "undefined") {
sele.para.id = sele.paras.get(sele.rIndex);
} else if (gridDefault.GetRowKey(sele.rIndex) != null) {
sele.para.id = gridDefault.GetRowKey(sele.rIndex);
} else {
sele.para.id = 0;
}
url += (url.indexOf("?") != -1) ? "&" : "?";
url += "id=" + sele.para.id + "&name=" + decodeURIComponent(sele.para.name) + "¶meter=" + decodeURIComponent(sele.para.parameter) + "";
art.dialog.open(url, options);
$("html").bind("click", function () { art.dialog({ id: options.id }).close(); $("html").unbind("click"); });
},
SetValue: function (o, txt) {
gridDefault.StartEditRow(this.rIndex);
o.val(Math.ceil(Math.random() * 10) + txt);
o.change();
o.val(txt);
o.change().blur();
gridDefault.StartEditRow(this.rIndex);
},
ShowAdvanceSelector: function (fname, controls, url, options, callback, dataType, eventObj) {
var _this = this;
var obj = this.Init({ fname: fname, controls: controls });
$(eventObj).live("click", function () {
_this.DialogOpen(url, options, obj.InputObj, function (data) {
if (!dataType) { dataType = "string"; }
dataType = dataType.toLocaleLowerCase();
var result = data;
if (dataType == "json") {
result = eval('(' + data + ')');
}
callback(result);
});
});
obj.EventObj.live("click", function () {
_this.DialogOpen(url, options, obj.InputObj, function (data) {
if (!dataType) { dataType = "string"; }
dataType = dataType.toLocaleLowerCase();
var result = data;
if (dataType == "json") {
result = eval('(' + data + ')');
}
callback(result);
});
});
obj.InputObj.live("click", function () { return false; });
}
};
AspxGridView 弹框选择器 JS的更多相关文章
- 参考bootstrap中的popover.js的css画消息弹框
前段时间小颖的大学同学给小颖发了一张截图,图片类似下面这张图: 小颖当时大概的给她说了下,其实小颖也不知道上面那个三角形怎么画嘻嘻,给她说了DOM结构,具体的css让她自己百度,今天小颖自己参考boo ...
- js实现弹框及自动关闭
<SCRIPT LANGUAGE="javascript"> < !-- window.open (''page.html'',''newwindow'',''h ...
- js弹框3秒后自动消失
开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法 ...
- js弹框处理
# -*- coding:utf-8 -*- """ js弹框处理 """ from selenium import webdriver d ...
- Js仿弹框
收藏一个简单实用的JS弹框,通过隐藏和显示div来实现,代码来自脚本之家! <html> <head> <title> LIGHTBOX EXAMPLE </ ...
- css-dialog样式实现弹框蒙层全屏无需JS计算高度兼容IE7
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title> ...
- 【前端开发】--js弹框
js三种弹框 一.普通弹框 这类弹框就是仅仅是个提示作用,并不会做其它操作 关键词:alert() 这个没啥好说的,就是一个弹框. 二.判断弹框 这类框有一个判断作用 关键字:conf ...
- js 简单弹框toast
新建toast.js文件 function Toast(msg,duration){ duration=isNaN(duration)?3000:duration; var m = document. ...
- js弹框的3种方法
js的三种弹框的方法 1.第一种 : alert("1"); 2.第二种 : window.open("Tests2.html"); var r = con ...
随机推荐
- BZOJ 2527 [Poi2011]Meteors (整体二分+树状数组)
整体二分板题,没啥好讲的-注意是个环-还有所有贡献会爆longlong,那么只要在加之前判断一下有没有达到需要的值就行了- CODE #include <set> #include < ...
- HDU 6058 - Kanade's sum | 2017 Multi-University Training Contest 3
/* HDU 6058 - Kanade's sum [ 思维,链表 ] | 2017 Multi-University Training Contest 3 题意: 给出排列 a[N],求所有区间的 ...
- Python IDE Ⅱ
3.设置Pydev 安装完成后,还需要设置一下PyDev,选择Window -> Preferences来设置PyDev.设置Python的路径,从Pydev的Interpreter - Pyt ...
- 简易学生成绩管理管理系统(java描述)
没正式学过java,但是系统学过C++后,初略的看了下java的基本语法,于是我就尝试着用java来写个简单的学生管理系统,功能不齐全,以后有空再补充吧. 写的时候定义了不同的包名字,如jeaven1 ...
- 浏览器事件循环机制(event loop)
JS是单线程的 JS是单线程的,或者说只有一个主线程,也就是它一次只能执行一段代码.JS中其实是没有线程概念的,所谓的单线程也只是相对于多线程而言.JS的设计初衷就没有考虑这些,针对JS这种不具备并行 ...
- INNER JOIN连接两个表、三个表、五个表的SQL语句
1.连接两个数据表的用法: FROM Member INNER JOIN MemberSort ON Member.MemberSort=MemberSort.MemberSort 语法格式可以概括为 ...
- Linux 系统设置命令之ulimit
定义 ulimit 用于限制 shell 启动进程所占用的资源,支持以下各种类型的限制:所创建的内核文件的大小.进程数据块的大小.Shell 进程创建文件的大小.内存锁住的大小.常驻内存集的大小.打开 ...
- buff/cache占用过高的问题
工作记录 > /proc/sys/vm/drop_caches 默认是0,不清除缓冲区缓存和页面缓存 可用值 0 到 3 值越高系统上的程序会跑起来越慢 free -m 蛋疼的是这只是一次性的, ...
- Java学习回顾总结
java-01初识Java见上一篇 Java-02 1.命名规范与规范: 标识符命名规则:首字母为字母|下划线|$ 其余部分数字|字母|下划线|$ 命名规范: 变量属性方法命名规范:第一个单词首字母小 ...
- antd源码分析之——标签页(tabs 2.Tabs关键组件功能实现)
由于ant Tabs组件结构较复杂,共分三部分叙述,本文为目录中第二部分(高亮) 目录 一.组件结构 antd代码结构 rc-ant代码结构 1.组件树状结构 2.Context使用说明 3.rc-t ...