easyui的window学习

目的:弹出、关闭window。
效果图:

easyui的window学习_第1张图片
window效果图

代码: /EasyUiLearn/WebContent/window/index.jsp

<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%String path = request.getContextPath();%>
<%String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>



    
    
    window
     
    
     
    
    
    



打开

window代码:/EasyUiLearn/WebContent/window/window.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
Name:
Email:
Phone:
File:
关闭

要点:

  1. 页面添加window div。
  2. window初始化。
    $("#win").window({})
    页面就在完成后调用window初始化。windowMain.initWindow();
  3. window加载完成调用onLoad,在这个方法中给window.jsp页面的控件绑定事件。
  4. 打开window。$("#win").window("open");
  5. 关闭window。$("#win").window("close");

源码下载

你可能感兴趣的:(easyui的window学习)