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 2244: [SDOI2011]拦截导弹 (CDQ分治 三维偏序 DP)
题意 略- 分析 就是求最长不上升子序列,坐标取一下反就是求最长不下降子序列,比较大小是二维(h,v)(h,v)(h,v)的比较.我们不看概率,先看第一问怎么求最长不降子序列.设f[i]f[i]f[i ...
- PHP多维数组去重
自己写了一个实现多维数组去重的方法, 只是实现了功能, 至于性能没多管~ 可以保留key, 这个方法是针对最终的一维数组元素去重, 如果是多维数组的两个子元素是相同的数组, 是不能去重的 prote ...
- Laravel 项目中事件控制的体会--综合应用 trait 多态
1 我们想像有这样的需求 1.1 应用中有两个类.其一是 荣誉(Honour)其一是 档案(Archive)Honour 和 Arhcive 是多态关联.即拥有档案属性的不只荣誉类,还有更多的类去关联 ...
- [JSOI 2016] 最佳团体(树形背包+01分数规划)
4753: [Jsoi2016]最佳团体 Time Limit: 20 Sec Memory Limit: 512 MBSubmit: 2003 Solved: 790[Submit][Statu ...
- 7.19T3
小 X 的图 题目背景及题意 小 X 有一张图,有 n 个点(从 0 开始编号),一开始图里并没有 边,他有时候会向其中添加一条双向边(x 到 y).小 X 会时不时想知 道某两个点是否联通,如果连通 ...
- WebSSH2 界面ssh(转载)
工具:Virtual Machines14.1 系统环境:CentOS 7 64位 (2个) IP:192.168.163.138 IP:192.168.163.141 概述:在138系统中安装部 ...
- dapper通用分页方法
/// <summary> /// dapper通用分页方法 /// </summary> /// <typeparam name="T">泛型 ...
- 尚硅谷周阳老师-redis脑图课件
因为脑图原件是.mmap格式,使用wps和xmind打开都会有格式不兼容的问题,这里我们可以使用mindmanager存为html5交互式格式, 提供在线阅读.因为阿里云学生服务器带宽有限,这里打开加 ...
- Nginx之配置文件的解析
1. ngx_command_t 为了统一配置项目的解析,Nginx 定义了如下数据类型对所有的 Nginx 配置项进行了统一的描述. typedef struct ngx_command_s ngx ...
- ELK(elasticsearch+logstash+kibana)入门到熟练-从0开始搭建日志分析系统教程
#此文篇幅较长,涵盖了elk从搭建到运行的知识,看此文档,你需要会点linux,还要看得懂点正则表达式,还有一个聪明的大脑,如果你没有漏掉步骤的话,还搭建不起来elk,你来打我. ELK使用elast ...