artdialog的使用

artdialog的基础使用

artdialog的高级使用

1、子窗口操作，锁定父窗口

一般的后台界面，都会用到frameset或者iframe，将页面嵌入子页面的形式，操作时，怎么使得子页面可以锁屏父页面呢？

首先，在父页面，引入扩展的artdialog文件

然后，在子页面，也引入同样的文件，并多了一步操作，就是定义一个变量，获取顶层的art.dialog对象，具体操作如下：因为我的项目是基于thinkphp5开发，所以，子页面是一个layout模板

然后在视图层的模板里，就可以通过oWinArt来锁屏父窗口，界面很友好，

效果如下：

artdialog结合jquery.validate验证的 完整实例代码：

<script type="text/javascript">
		$(function(){
			$('#goodstype').validate({
				rules:{
					type_name:'required'
				},
				messages:{
					type_name:'亲，类型名称为不可为空哦，请您填写后再提交哦！'
				},
				submitHandler:function(form){
					var name = $('#type_name').val();
					var data = {'field':'goods_type_name','value':name};
					var result = false;
					$.ajax({
						type:'get',
						url:'{:url("GoodsType/checkField")}',
						data:data,
						async:false,
						dataType:'json',
						success:function(data){
							var data = JSON.parse(data);
							var rows = data.rows;
							if(rows == 0){
								result = true;
							}else{
								oWinArt.art.dialog({
									title:'温馨提示',
									icon:'warning',
									lock:true,
									content: '亲，类型名称----<span class="necessary bold">'+name+'</span>已存在哦，请您换个名吧！',
									close:function(){
										$('#type_name').val('');
									},
									ok:function(){
										$('#type_name').val('').focus();
									},
									cancel:function(){
										$('#type_name').val('');
									}
								});
							}
						}
					});
					
					if(result){
						form.submit();
					}else{
						return false;
					}
				}
			});
		});
	</script>