弹出代码:

"use strict";
(function (kendo) {
kendo.messageShow = function (message, option) {
var $ = kendo.jQuery;
var kendoMessageName = "_For_Message";
var kendoMessageDomName = "_For_MessageDom";
var msgId = "For_Message_Id";
var msgOkId = "For_Message_Ok";
var _kendoMessage = kendo[kendoMessageName];
var _kendoMessageDom = kendo[kendoMessageDomName];
var iconSpan = "";
var defaultOption = {
width: "400px",
height: "150px",
title: HRWTMS.Lang.ts("Message"),
actions: [
"Close"
],
icon: "k-i-info",//k-i-warning,k-i-info,k-i-bell
modal: true,
okText: '&nbsp&nbspOK&nbsp&nbsp',
okClick: function (kendoMessage) { kendoMessage.close(); }
}; $.extend(defaultOption, option);
defaultOption.button = { text: defaultOption.okText, callback: defaultOption.okClick };
if (defaultOption.icon) {
iconSpan = '<i class="k-icon ' + defaultOption.icon + '"></i>';
}
if (_kendoMessage) {
_kendoMessage.setOptions(defaultOption);
_kendoMessageDom.children("#" + msgId).html(iconSpan + message);
_kendoMessageDom.find("#" + msgOkId).html(defaultOption.okText);
_kendoMessage.center();
_kendoMessage.open();
} else {
var html = '<div><div id="' + msgId + '" style="height: 60%;margin:8px;overflow:hidden;" >' + iconSpan + message + '</div>' +
'<div class="k-edit-buttons k-state-default k-window-action" style="text-align:center;margin: 8px;">' +
'<button id="' + msgOkId + '" type="button" class="k-button">' + defaultOption.button.text + '</button></div></div>';//<a href="#" class="k-button"> _kendoMessageDom = $(html);
_kendoMessageDom.kendoWindow(defaultOption);
_kendoMessage = _kendoMessageDom.data("kendoWindow");
_kendoMessage.center();
_kendoMessage.open();
_kendoMessageDom.find("#" + msgOkId).click(function () { _kendoMessage.options.button.callback(_kendoMessage); });
kendo[kendoMessageName] = _kendoMessage;
kendo[kendoMessageDomName] = _kendoMessageDom;
}
return _kendoMessageDom;
},
kendo.confirmShow = function (message, option) {
var $ = kendo.jQuery;
var kendoConfirmName = "_For_Confirm";
var kendoConfirmDomDomName = "_For_ConfirmDom";
var msgId = "For_Confirm_Id";
var msgOkId = "For_Confirm_Ok";
var msgCancelId = "For_Confirm_Cancel";
var _kendoConfirm = kendo[kendoConfirmName];
var _kendoConfirmDom = kendo[kendoConfirmDomDomName];
var iconSpan;
var defaultOption = {
width: "400px",
height: "150px",
title: HRWTMS.Lang.ts("Confirm"),
resizable: false,
actions: [
"Close"
],
modal: true,
okText: '&nbsp&nbspOK&nbsp&nbsp',
okClick: function (kendoMessage) { kendoMessage.close(); },
cancelText: '&nbsp&nbspCancel&nbsp&nbsp',
cancelClick: function (kendoMessage) { kendoMessage.close(); }
}; $.extend(defaultOption, option);
defaultOption.ok = { text: defaultOption.okText, callback: defaultOption.okClick };
defaultOption.cancel = { text: defaultOption.cancelText, callback: defaultOption.cancelClick };
iconSpan = '<i class="k-icon k-i-question"></i>';
if (_kendoConfirm) {
_kendoConfirm.setOptions(defaultOption);
_kendoConfirmDom.children("#" + msgId).html(iconSpan + message);
_kendoConfirmDom.find("#" + msgOkId).html(defaultOption.okText);
_kendoConfirmDom.find("#" + msgCancelId).html(defaultOption.cancelText);
_kendoConfirm.center();
_kendoConfirm.open();
} else {
var html = '<div><div id="' + msgId + '" style="height: 60%;margin:8px;overflow:hidden;" >' + iconSpan + message + '</div>' +
'<div class="k-edit-buttons k-state-default k-window-action" style="text-align:center;margin: 8px;">' +
'<button type="button" class="k-button" id="' + msgOkId + '" style="margin-right:8px;">' + defaultOption.ok.text + '</button>' +
'<button type="button" class="k-button" id="' + msgCancelId + '">' + defaultOption.cancel.text + '</button></div></div>'; _kendoConfirmDom = $(html);
_kendoConfirmDom.kendoWindow(defaultOption);
_kendoConfirm = _kendoConfirmDom.data("kendoWindow");
_kendoConfirm.center();
_kendoConfirm.open();
_kendoConfirmDom.find("#" + msgOkId).click(function () { _kendoConfirm.options.ok.callback(_kendoConfirm); });
_kendoConfirmDom.find("#" + msgCancelId).click(function () { _kendoConfirm.options.cancel.callback(_kendoConfirm); });
kendo[kendoConfirmName] = _kendoConfirm;
kendo[kendoConfirmDomDomName] = _kendoConfirmDom;
}
return _kendoConfirmDom;
}
})(kendo);

  

使用方式:

var msgOpt = {
}; msgOpt.okClick = function (sender) {
sender.close();
} kendo.messageShow("Info", msgOpt);

  

 var confirmOpt = {
}; confirmOpt.okClick = function (sender) {
sender.close();
} kendo.confirmShow("Info", confirmOpt);

  

在提示内容添加控件

var opt = {};
var msgDom;
var id = "DueDatePicker";
var DueDatePicker;
var msg = "输入Due Date" + '<input id="' + id + '" />';
opt.okText = "Confirm";
opt.icon = "";
opt.okClick = function (sender) {
if (DueDatePicker.value()) {
sender.close();
} else {
kendo.messageShow("please input due date");
}
}
msgDom = kendo.messageShow(msg, opt);
DueDatePicker = $(msgDom.find("#" + id)).kendoDatePicker({
min: new Date(),
format: "yyyy-MM-dd"
}).data("kendoDatePicker");

  

Kendo UI 的弹框的更多相关文章

  1. Kendo UI使用笔记

    1.Grid中的列字段绑定模板字段方法参数传值字符串加双引号: 上图就是个典型的例子,openSendWin方法里Id,EmergencyTitle,EmergencyDetail 三个参数,后两个参 ...

  2. kendo ui grid选中行事件,获取combobox选择的值

    背景: 以前用 telerik ui做的grid现在又要换成kendo ui,不过说句实话kendo ui真的比telerik好多,可以说超级升级改头换面.当然用的mvc的辅助方法,以前的teleri ...

  3. 常用UI模板,loading框,提醒框,弹框确认框

    css部分 #public_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0 ...

  4. element ui 手动关闭$notify弹框

    1.需求: 当用户点击 “点击下载” 后,文件导出这个弹框主动消失. 2.解决方案: 如下图所示 (需要注意的是这里的关闭是 点击弹框任意处就会关闭,如果想实现我的需求需要判断一下即可)

  5. easy ui 弹框叠加问题

    1.框架用的是.net MVC,Index页面如下所示: @{ Layout = "~/Views/Shared/_CustomerLayout.cshtml"; ViewBag. ...

  6. Web界面开发必看!Kendo UI for jQuery编辑功能指南第二弹

    Kendo UI for jQuery最新试用版下载 Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support f ...

  7. Web界面开发必看!Kendo UI for jQuery编辑功能指南第一弹

    Kendo UI for jQuery最新试用版下载 Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support f ...

  8. Kendo UI for jQuery自定义小部件第一弹!不得不看的入门指南

    Kendo UI for jQuery最新试用版下载 Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support f ...

  9. UI自动化之特殊处理二(弹框\下拉框\选项\文件上传)

    弹框\下拉框\选项\文件上传也是一些比较特殊的操作 目录 1.弹框 2.下拉框 3.选项 4.文件上传 1.弹框 弹框有三种形式,value为alert.confirm.prompt三种的弹框,第一个 ...

随机推荐

  1. Python print函数参数详解

    官方文档 print(…)    print(value, …, sep=’ ‘, end=’\n’, file=sys.stdout, flush=False)    Prints the valu ...

  2. python学习之----urllib与urllib2的区分

    urllib 还是urllib2 ? 如果你用过Python 2.x 里的urllib2 库,可能会发现urllib2 与urllib 有些不同. 在Python 3.x 里,urllib2 改名为u ...

  3. JavaScript函数及作用域

    知识内容: 1.JavaScript函数 2.JavaScript全局函数及特殊函数 3.JavaScript作用域 4.本节练习 参考资料:<JavaScript高级程序设计> 一.Ja ...

  4. ES6进一步整理

    内容: 1.变量及赋值 2.函数 3.数组及json 4.字符串 5.面向对象 6.Promise 7.generator 8.模块 1.变量及赋值 (1)ES5变量定义 var:     可以重复定 ...

  5. Python之模块(二)

    1.subprocess模块 2.loggin模块 很多程序都有记录日志的需求,并且日志中包含的信息即有正常的程序访问日志,还可能有错误.警告等信息输出,python的logging模块提供了标准的日 ...

  6. uva-193-图染色-枚举

    题意:n个节点,可用描成黑色或者白色,黑节点和黑节点不能相连,问最多描出多少黑节点 #include <iostream> #include <stdio.h> #includ ...

  7. python入门-用户输入

    1 input()函数来实现用户输入,程序在等待输入的时候会终止,获取用户的输入后继续 message = input("tell me something,and I will repre ...

  8. 配置WDS支持使用UEFI模式启动

    使用WDS通过Legacy+MBR方式部署操作系统不难,网上文章也有很多,本文就不赘述了,主要记录一下通过UEFI+GPT方式部署. 网上文章虽然也有介绍通过UEFI+GPT方式部署,但大多数说的比较 ...

  9. cookie和session的比较

    cookie和session的比较 一.对于cookie: ①cookie是创建于服务器端 ②cookie保存在浏览器端 ③cookie的生命周期可以通过cookie.setMaxAge(2000); ...

  10. jenkins坑—— shell 命令返回空导致构建失败

    今天用jenkins做CI遇到个坑,命令为:isSnapshot=`ls|grep isv-osp-service|grep -i snapshot` ls命令返回空的话,Jenkins构建就直接失败 ...