精华内容
下载资源
问答
  • EXT 弹框内嵌下拉列表

    2020-10-30 14:16:19
    var shareTypeCmbstores = new Ext.data.SimpleStore({ fields : ['id', 'value'], data : [['4028488175774e5a017577f474450003', '毁损'], ['4028488175774e5a017577f474450004', '出售'], ['...
    var shareTypeCmbstores = new Ext.data.SimpleStore({
    
    		fields : ['id', 'value'],
    
    		data : [['4028488175774e5a017577f474450003', '毁损'], ['4028488175774e5a017577f474450004', '出售'],
    		        ['4028488175774e5a017577f474450005', '捐赠转出'], ['4028488175774e5a017577f474450006', '投资转出']]
    
    	});
    
    
    
    	var shareTypeCmb = new Ext.form.ComboBox({
    
    		editable : false,
    
    		triggerAction : 'all',
    
    		fieldLabel : '<font color="red">*</font>类型',
    
    		store : shareTypeCmbstores,
    
    		displayField : 'value',//显示下拉列表数据值
    
    		valueField : 'id', //提交时下拉列表框的数据值
    
    		name : 'type',
    
    		mode : 'local',
    
    		anchor : '90%',
    
    		value : '4028488175774e5a017577f474450003',
    
    		allowBlank : false
    
    	})
    
    	var okbtn = new Ext.Button({
    
    		text : '确定',
    
    		handler : function() {
    			alert('值是'+shareTypeCmb.getValue()+'显示值'+shareTypeCmb.getRawValue());
    
    		}
    
    	});
    
    	var nobtn = new Ext.Button({
    
    		text : '关闭',
    
    		handler : function() {
    
    			insert_Win.close();
    
    		}
    
    	});
    
    	var insert_Win = new Ext.Window({
    
    		plain : true,
    
    		layout : 'form',
    
    		resizable : false, // 改变大小
    
    		draggable : true, // 不允许拖动
    
    		closeAction : 'hide',// 可被关闭 close or hide
    
    		modal : true, // 模态窗口
    
    		width : 400,
    
    		height : 370,
    
    		title : '弹出窗口',
    
    		items : [shareTypeCmb],
    
    		autoScroll : true,
    
    		buttonAlign : 'center',
    
    		loadMask : true,
    
    		tbar : [okbtn, nobtn]
    
    	});
    	insert_Win.show();
    
    展开全文
  • [Andrew]Ext.net前台弹框

    2019-10-02 17:56:22
    //有询问的提示框 Ext.Msg.show({ title: title, msg: msg, buttons: Ext.Msg.YESNO, fn: function (e) { if (e == 'no') { retur...

    //有询问的提示框 

    Ext.Msg.show({
                title: title,
                msg: msg,
                buttons: Ext.Msg.YESNO,
                fn: function (e) {
                    if (e == 'no') {
                        return null;
                    }

          else {
                        Ext.net.Notification.show({
                            iconCls: 'icon-information',
                            html: '询问的文字(如:您是否要进行该操作吗?)',
                            title: '标题'
                        });
                    }

    如果不需要进行操作提示,只进行弹框的话,直接用else中的语句即可实现

    转载于:https://www.cnblogs.com/teamate/p/3722759.html

    展开全文
  • Ext自定义消息弹框 -- 闭包的应用

    千次阅读 2012-06-01 16:18:17
    前几日改造了项目中用到的Ext的消息弹框的代码,将其封装为一个组件,并定义了新的可以自动消失的函数。编写该组件对自己深入理解JavaScript闭包的概念、尝试使用和解析Json格式的函数参数,以及动态改变HTML元素...

    前几日改造了项目中用到的Ext的消息弹框的代码,将其封装为一个组件,并定义了新的可以自动消失的函数。编写该组件对自己深入理解JavaScript闭包的概念、尝试使用和解析Json格式的函数参数,以及动态改变HTML元素样式等新知识都很有帮助。

    代码如下:

    	/**
    	 * @author NearEast 2012-05-28
    	 * 可利用单例模式构建Ext自定义组件
    	 * title: 消息框的标题,默认"警告"
    	 * ctStyle: 消息框容器(弹框区域div)的样式,json格式,例如:{top:'5px',left:'5px'}; 默认宽度250,垂直位置为top,水平位置为right:5px
    	 * */
    	function CustomMsgBox(title, ctStyle, closeImageUrl) {
    		if(undefined == title){
    			title = "警告";
    		}
    		var width = null;
    		if(undefined != ctStyle){
    			if(typeof ctStyle != 'object'){
    				alert('ctStyle format error:must be a json object');
    				return;
    			}else{
    				width = ctStyle.width;
    			}
    		}
    		if(undefined == width || typeof width != "number"){
    			width = 250;
    		}
    		
    		if(undefined == closeImageUrl || typeof closeImageUrl != "string"){
    			closeImageUrl = '../examples/shared/icons/fam/cross.gif';
    		}
    		
    		var msgCt;
    		var idCnt=0;
    /*		var name = /function\s+(.+?)\(/.exec(arguments.callee)[1];*/
    		function createBox(text,id) {
    			return [
    					'<div id="' + id + '" class="CustomMsgBox">',
    					'<div class="x-box-tl" ><div class="x-box-tr"><div class="x-box-tc" style="width:' + (width-15) + 'px"></div></div></div>',
    					'<div class="x-box-ml" ><div class="x-box-mr"><div class="x-box-mc" style="width:' + (width-28) + 'px">',
    					'<b style="font-size:medium;text-decoration:blink">' + title + '</b>',
    					'<span class="msg-close" style="position:absolute;right:10px" οnclick="cusMsgBoxClose(\'' + id + '\')">',
    					'<img src="' + closeImageUrl + '"/></span>',
    					'<h3 style="margin-top:5px;color:rgb(0,0,255)" >'+ text +'</h3>',
    					'</div></div></div>',
    					'<div class="x-box-bl""><div class="x-box-br"><div class="x-box-bc" style="width:' + (width-15) + 'px"></div></div></div>',
    					'</div>' ].join('');
    		}
    		return {
    			/**创建一个提示框
    			* text: 提示的文本
    			* id: 消息id;如果没有指定id,则自动生成
    			*/
    			msg : function(text, id) {
    				if(undefined==id){
    					var id = '_i_MB' + idCnt++;
    				}
    				
    				if (!msgCt) {
    					msgCt = Ext.DomHelper.insertFirst(
    							document.body,{
    								id : 'msg-div'+Math.random()*100,
    								style : 'position:absolute;z-index:10001;bottom:5px;right:5px;width:' + width + 'px'
    							}, true);
    					
    					if(undefined != ctStyle){
    						for(var s in ctStyle){
    							if (ctStyle.hasOwnProperty(s)) {
    								msgCt.dom.style[s] = ctStyle[s];
    							}
    						}
    					}
    				}
    				Ext.DomHelper.append(msgCt, {
    					html : createBox(text, id)
    				}, true);
    			},
    			/**创建一个提示框,如果用户没有关闭,则一定时间之后自动关闭
    			 * delay: 显示的最大时长,默认为5秒
    			 */
    			tip: function(text, id, delay){
    				if(undefined==delay || typeof delay != "number"){
    					delay = 5000;
    				}
    				if(undefined==id){
    					var id = '_i_MB' + idCnt++;
    				}
    				this.msg(text, id);
    				setTimeout(function(){
    					cusMsgBoxClose(id);
    				}, delay);
    			}
    		};
    	};
    	
    	function cusMsgBoxClose(id){
    		var div = document.getElementById(id).parentNode;
    		if (div) {
    			div.style.display = 'none';
    			div.parentNode.removeChild(div);
    		}
    	}

    首先定义一个CustomMsgBox函数,函数的执行结果是返回一个闭包。该闭包有两个函数msg和tip,分别用于弹出一个固定的,或者显示一定时间自动关闭的消息提示框。为充分解耦,单独定义了一个cusMsgBoxClose函数,来对应弹框的关闭操作。也许还有更好的方法,可以将关闭操作也封装到闭包中,有空可以研究一下。

    使用方法:

    	Ext.onReady(function(){
    		if(undefined === CustomMsgBox){
    			alert('\tError:\nFile "customMsgBox.js" needed!');
    			return;
    		}
    		Ext.ux.VehicleOfflineMsgBox = new CustomMsgBox('上下线提醒', {top:'5px',left:'5px'});
    
    		Ext.ux.VehicleOfflineMsgBox.msg('<i>Text</i>');
    		Ext.ux.VehicleOfflineMsgBox.tip('上线了',null,3000);
    	});

    效果如下图所示:


    展开全文
  • 转载于:https://www.cnblogs.com/feifeicui/p/10179233.html

     

    转载于:https://www.cnblogs.com/feifeicui/p/10179233.html

    展开全文
  • 关闭ext的window的弹框

    2020-05-12 12:25:57
    如题,点击Ext.Window右上角的关闭,之后,这个window就不能再次弹出鸟,js报错:Uncaught TypeError: Cannot call method ‘getForm’ of undefined 。版本为ext2.2。window+form表单啊,怎能这样就歇菜了。 好明显...
  • 自己做的一个ext实例,实现了弹框,进度条效果和保存文件的效果,所有js、css文件都已经分离出来,十分适合网页效果制作,你值得拥有!
  • 在controller中,window 打开方法中添加 Ext.WindowManager.setBase(5000); 即可Js代码 openNewsAddWindow : function(button) {  var win; if(win!=null){ return; } win = Ext.widget("...
  • ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210716165216781.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,... 官方uni-app的弹框popup模板问题: 官方的弹框示例页面在 /pages/extUI/pop
  • function loadData(){ var obj={}; /*obj.userId=userId;*/ ...Ext.Ajax.request({ url : 'system/queryListNP_message.action', // 请求地址  method : 'POST', // 提交参数组 params : { jsonStr
  • Extjs 弹框

    2015-09-17 16:32:49
    [code="...Ext.MsgAlert = function(){ var msgCt; function createBox(t,s){ return ['', '', '', t, '', s, '', '', ''].join(''); } return { ms...
  • Extjs 弹框windows

    2019-01-22 11:11:11
    &lt;div id="hello-win" class="x-hidden"&gt; &lt;/div&gt; $("#timeXuan"... timeXuan = new Ext.Window({ title: "时间选择",
  • Extjs弹框显示

    2018-11-01 13:30:43
     <script typt="text/javascript" src="../ext/ext-all.js">  <link rel="stylesheet" href="../ext/resources/css/ext-all.css"/> <div id="dd"></div>  Ext.onReady(function () {  /* var getd=Ext...
  • 可以自己定义样式、自定义宽高、自定义按钮文字的模拟alert和confirm
  • layer小提示弹框验证

    2019-07-30 16:40:00
    当验证失败的时候,会出现弹框进行提示,如果直接写alert的话显得太原始了,放一个layer验证提示弹框代码在里面,ui瞬间变得有模有样了 。 success : function(data) { if (data == 0) { layer.msg('工号已存在',{...
  • Ext4.2 window弹出

    2019-01-16 15:10:07
    点击按钮实现弹出核心: var win = Ext.create("Ext.window.Window", { title: "弹框", id: "XXX", autoShow: true, modal: tru...
  • layui 弹出界面弹框

    千次阅读 2019-05-05 14:28:14
    学习文档:https://www.layui.com/ 1:先引入需要的相关的文件 <script src=...</script> ...-- 弹框 --> <script src="layer/layer.js"></script> <scr...
  • layer-弹框使用入门

    千次阅读 2017-11-02 18:02:18
    做公司的商城项目,需要用到一个好看的弹窗插件,弹窗上需要有回调函数(ajax、继续弹出别的弹框)。选用了layer插件的弹窗。接下来介绍下layer弹窗的使用入门: 1、laye下载、引入:...
  • layer弹框插件使用

    2016-10-25 14:12:00
    layer.alert('', {icon: 5,skin: 'layer-ext-moon'},function(){ }) confirm: layer.confirm('请确认数据检查无误并提交?', {icon: 3, title:'提示'}, function(index){ //do something layer.close(index); }...
  • Ext_多行文本输入框_Ext.form.TextArea

    万次阅读 2010-04-11 17:25:00
    --/*Ext.form.TextArea独有配置表:preventScrollbars Boolean 文本溢出是否显示滚动条,true隐藏滚动条(默认false)*/Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = ../extjs2.0/resources/images/def
  • Ext Msg 的常用方法

    2012-02-08 11:01:14
    [code="js"] Ext.onReady(function(){ ... //带多个按钮的弹框 /* Ext.Msg.show({ title:"Miltion", msg:"hava you seen my stapler?", buttons:{ ...
  • layer弹框层学习笔记

    2019-09-29 09:47:41
    'layer-ext-moon' // 该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规则,去这里查阅 }) // 询问框 layer.confirm( '您是如何看待前端开发?' , { btn: [ '重要','奇葩'] // 按钮 }, function (){ ...
  • 在使用layer.alert 弹框时出现重复弹出bug 可以设置id参数,设置该值后,不管是什么类型的层,都只允许同时弹出一个。一般用于页面层和 iframe 层模式 layer.alert('是否发送短信通知给学员',{ icon: 6, skin: '...
  • 至此便解决了第一代中不能方便调用弹框的问题,并且避免了activity正在销毁时调用显示弹框引发的异常,但是美好的事情总是伴随着意想不到的坑,该方案在4.4至5.1系统下弹框会显示默认的条状title,如下 第三代...
  • Ext.ux.UploadDialog 像ext一样展现给用户震撼的界面:如图:上传之前 上传过程中:强悍吧。怎样使用呢。?自己去搜索 Ext.ux.UploadDialog.包下载使用是出来导入必要的ext包还需要 使用很简单 弄个onclick事件 ...
  • Ext JS 消息提示框

    2017-09-12 09:37:05
    Ext JS消息框
  • ext.net gridpanel 弹出窗

    2014-03-17 14:51:41
    ext.net gridpanel 弹出窗
  • x.Ext.init(this); } } 在清单文件中添加 Application public class MyAdapter extends BaseAdapter { private List<AppBean> mList; private Context mContext; public MyAdapter(List...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 953
精华内容 381
关键字:

ext弹框