qooxdoo's namespace and inheritance

Javascript语言本身并没有提供命名空间的机制，很多种Javascript Lib都有各自的模拟方法，在qooxdoo里面，命名空间是通过这个方法调用实现的：

qx.OO.defineClass("you.package.YourClassName", parentObject, initFunction);

举一个实际的例子来说明就很容易明白这个API的用法：
qooxdoo提供了qx.ui.component.DateChooser这个日期选择的类，他的界面如下：


它本身是直接嵌入页面的，而实际需求往往是一个popup date chooser window，偶们可以用20来行代码实现：

qx.OO.defineClass("com.javaeye.qooxdoo.DateChooserWindow", qx.ui.window.Window,
function(vDate, vWindowManager)
{
    qx.ui.window.Window.call(this, "Date Chooser", "icon/16/date.png", vWindowManager);

    with(this){
        setSpace(120, 200, 120, 140);
        setModal(true);
        setShowClose(true);
        setShowMaximize(false);
        setShowMinimize(false);
        setResizeable(false);
    }
    
    var dateChooser = this._dateChooser = new qx.ui.component.DateChooser(vDate);
    with(dateChooser){
        setWidth("auto");
        setHeight("auto");
    }
    this.add(dateChooser);
});

这样就定义了一个新的namespace ("com.javaeye.qooxdoo") 下新的Widget Class ("DateChooserWindow")，并且继承了 qx.ui.window.Window 所有方法，我们只需要在代码里面这样调用：

var w = new com.javaeye.qooxdoo.DateChooserWindow;
w.open();

就能够popup一个date chooser window了，界面如下：


通过qooxdoo提供的namespace、继承机制和丰富的widget lib，偶们很容易就能够组合出更易用的用户界面了。

评论

1 楼 zkj_beyond 2006-09-29  

R老大也对qooxdoo敢兴趣了啊！

qooxdoo的继承机制好别扭啊，
尤其是定义“实例”方法，”类“方法太别扭了。