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 ...
随机推荐
- Python3-BaseType
counter = 100 # 整型变量 miles = 1000.0 # 浮点型变量 name = "runoob" # 字符串 print(counter) print(mil ...
- MySQL基础练习---牛客网的数据以及典型题目
1 部门表departments 部门no和部门名称 2 部门员工表 dept_emp 每个部门对应的员工信息 3 部门经理表 dept_manager 每个部门的经理信息 4 员工表 employe ...
- [Luogu] 计算系数
https://www.luogu.org/problemnew/show/P1313#sub Answer = a ^ n * b ^ m * C(k, min(n, m)) 这里用费马小定理求逆 ...
- jQuery系列(二):jQuery的选择器
css中的选择器有:
- 【强化学习】1-1-2 “探索”(Exploration)还是“ 利用”(Exploitation)都要“面向目标”(Goal-Direct)
title: [强化学习]1-1-2 "探索"(Exploration)还是" 利用"(Exploitation)都要"面向目标"(Goal ...
- js监听页面标签切换
var OriginTitile = document.title, titleTime; document.addEventListener('visibilitychange', function ...
- Visual Studio Code(VS code)介绍
一.日常安利 VS code VS vode特点: 开源,免费: 自定义配置 集成git 智能提示强大 支持各种文件格式(html/jade/css/less/sass/xml) 调试功能强大 各种方 ...
- chrome获取xpath元素-f12工具
Chrome浏览器获取XPATH的方法----通过开发者工具获取 引用源:https://blog.csdn.net/li6727975/article/details/46126079 版权声明 ...
- MySQL单机安装
操作系统:CentOS 7 MySQL:5.6 MySQL的卸载 查看MySQL软件 卸载MySQL 查看是否还有 MySQL 软件,有的话继续删除. 安装MySQL 启动MySQL 设置root用户 ...
- TIZ_c 第0周总结(2019/10/15-2019/10/22)工欲善其事必先利其器
TIZ_c 第0周总结(2019/10/15-2019/10/22)工欲善其事必先利其器 任务清单 给自己取一个酷酷的id,并选择1-2个喜欢的方向.(只是初步选择,后期可更改) 改下群名片.例如yo ...