吉莲默瑞:[Apache Click快速开发]基于Jquery Dialog的Click Dialo...

来源：百度文库 编辑：偶看新闻 时间：2024/04/27 22:29:11

[Apache Click快速开发]基于Jquery Dialog的Click Dialog组件

分类： Java 2011-10-11 18:19 242人阅读 评论(4) 收藏 举报

在学习Click的时候发现Click中没有对话框组件，于是结合者jquery ui做了一个。

至于Jquery ui中Dialog插件的使用，我就不记录了，官网有详细的demo。

首先我选择基于Click中的AbstractContainer来书写Dialog。

[源码]ClickDialog.java

view plaincopy to clipboard?

  1. public class ClickDialog extends AbstractContainer {  
  2.     private boolean modal;  
  3.     private int width;  
  4.     private int height;  
  5.     private String okUrl="";  
  6.     private String cancelUrl="";  
  7.     public ClickDialog(String title,String msg,String okUrl,String cancelUrl){  
  8.         super("jquery-dialog");  
  9.         this.okUrl = okUrl;  
  10.         this.cancelUrl = cancelUrl;  
  11.         add(new Label("jquery-dialog-label", ""+msg+"
"));  
  •     }  
  •     @Override  
  •     public List getHeadElements() {  
  •         headElements = super.getHeadElements();  
  •         if(headElements!=null){  
  •             headElements.add(new CssImport("/js/jqueryui/themes/sunny/jquery.ui.all.css"));  
  •             headElements.add(new JsImport("/js/jqueryui/jquery-1.6.2.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/external/jquery.bgiframe-2.1.2.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.core.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.widget.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.mouse.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.draggable.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.position.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.resizable.js"));  
  •             headElements.add(new JsImport("/js/jqueryui/ui/jquery.ui.dialog.js"));  
  •             String okScript = okUrl.equals("")?"":"location='"+okUrl+"'";  
  •             headElements.add(new JsScript("$(function(){"  
  •                     +"$('#jquery-dialog').dialog({"  
  •                         +"buttons:{"  
  •                             +"Ok:function(){$(this).dialog('close');"+okScript+"},"  
  •                             +"Cancel:function(){$(this).dialog('close');}"  
  •                         +"}"  
  •                     +"})"  
  •                 +";})"  
  •             ));  
  •         }  
  •         return headElements;  
  •     }  
  •   
  •     public void setOkUrl(String okUrl) {  
  •         this.okUrl = okUrl;  
  •     }  
  •     public void setCancelUrl(String cancelUrl) {  
  •         this.cancelUrl = cancelUrl;  
  •     }  
  •     public void setModal(boolean modal) {  
  •         this.modal = modal;  
  •     }  
  •     public void setWidth(int width) {  
  •         this.width = width;  
  •     }  
  •     public void setHeight(int height) {  
  •         this.height = height;  
  •     }  
  •       
  • }  
    • 写完自定义dialog类，接下来创建一个Page，初始化dialog，并写一个事件处理器。对于处理dialog中的确定事件，我试了很多方法，最后用actionlink完成了要求。

    [源码]Dd.java

    view plaincopy to clipboard?

    1. public class Dd extends org.apache.click.Page {  
    2.     private Form form = new Form("dialog-form");  
    3.     private ActionLink okLink = new ActionLink("okLink", this, "onOkClick");  
    4.     public Dd(){  
    5.         addControl(form);  
    6.         addControl(okLink);  
    7.         form.add(new TextField("dialog-msg", true));  
    8.         form.add(new Submit("form-sub", "show dialog", this, "onClickSubit"));  
    9.     }  
    10.     public boolean onOkClick(){  
    11.         addModel("msg","ok is clicked");  
    12.         return true;  
    13.     }  
    14.     public boolean onClickSubit(){  
    15.         ClickDialog jd = new ClickDialog("hello", "怎样结合Jquery UI书写自定义Click组件",okLink.getHref(),"");  
    16.         addControl(jd);  
    17.         return false;  
    18.     }  
    19. }  
    其中的okLink不需要在页面上显示出来，只需要用addControl()将其加入到Page，之后就直接okLink.getHref()获取处理确定事件的url。





    基于windows的apache 怎么配置php 基于组件开发 的基本概念与内容 基于LOTES的OA系统开发 基于互联网的进销存用什么语言开发 怎样快速开发右脑 求Java结合Apache-AXIS的Web开发资料 请高手解释一下PHP+APACHE+MYSQL的开发模式 开发右脑的快速方法 为什么不开发基于公有DHT网络的网络电视？ 基于pb工资管理子系统的设计与开发 谁知道做？ 基于PB工资管理子系统的设计与开发 谁会做？？ 基于 struts 的MVC设计模式的web应用程序开发 寻求“《基于学习的游戏开发与实现》论文”信息 java开发基于oracle数据库的mis管理系统 基于构件应用开发的优点有哪一些啊 基于WEB网络数据库开发与研究的论文 开发一个(基于IE的客户端浏览器),招人! 求C51编程：基于AN2131的USB开发板固件程序设计。 谁知道基于Symbian操作系统的智能手机开发流程 请问有哪些行业是基于本地市场开发的? 什么意思“本网站基于I2SS平台开发” 追问：powerbuild一般用于开发基于什么语言的应用？ 开发基于WIINDOWS的WEB服务程序，该如何搭建开发环境 求一份基于XML的博客系统开发文档/开发指南