plaflamme / gwtquery-ui Goto Github PK

Create a Datepicker like this:

  Datepicker.Options o = Datepicker.Options.create().defaultDate(new Date());
  $("#datepicker").as(Ui).datepicker().option(o);

The current date should be selected when the Datepicker appears; however the 
following exception occurs:

Un-caught exception. com.google.gwt.core.client.JavaScriptException: 
(TypeError): Object Thu May 26 13:10:12 EST 2011 has no method 'getTime'
 arguments: getTime,Thu May 26 13:10:12 EST 2011
 type: undefined_method
 stack: TypeError: Object Thu May 26 13:10:12 EST 2011 has no method 'getTime'
    at Datepicker._determineDate (http://blah.blah/jquery-ui-1.8.13.custom.js:9486:97)
    ...
    etc.

I'm using GwtQuery r104 with JQuery UI 1.8.13 on Chrome and Windows 7.

Example:

$("#dialogForm" ).as(Ui).dialog(
        Dialog.Options.create()
            .autoOpen(false));
$("#dialogForm").as(Ui).dialog("open");

Dialog doesn't shows up.
I'm trying to figure out why.

The callback in the following snippet is never called:

$("#pick").as(Ui).datepicker().bind("onSelect", new Function() {
  public boolean f(Event e, Object data) {
    Window.alert("Date selected");
    return true;
  }
});

I'm using version r104 of GwtQuery on Windows 7 64-bit with Google Chrome 
13.0772.0 (dev channel) and GWT 2.1.1.

The following is a work-around:

a) Define the following native method in client code:

private native final Datepicker bind(Datepicker dp) /*-{
  [email protected]::ui.datepicker(
    "option",
    "onSelect", 
    function(dateText, inst) {
      @example.MyClass::onDateSelect(Ljava/lang/String;Ljava/lang/Object;)(dateText,inst)
    });
    return dp;
}-*/;

b) Define the onDateSelect method as a static method on a class in application 
code e.g. example.MyClass

  static void onDateSelect(String dateText, Object inst) {
    Window.alert("Date selected: " + dateText);
  }

c) Call the native method like this:

Datepicker dp = bind($("#pick").as(Ui).datepicker());

What steps will reproduce the problem?
1. use IE9 and open demo 
http://gwtquery-ui.googlecode.com/svn/demos/GwtQueryUi.html#
2. click Draggables -> Default Functionality
3. try dragging object

What is the expected output? What do you see instead?
Object should be moving/dragged. It is still and no action.

What version of the product are you using? On what operating system?
http://gwtquery-ui.googlecode.com/svn/demos/GwtQueryUi.html

Please provide any additional information below.

What steps will reproduce the problem?
1. GQuery acc = $("<div id=\"accordion\">");
2. acc.html("<h3><a href=\"#\">Section 1</a></h3><div><p>Section 1 text 
here.</p></div><h3><a href=\"#\">Section 2</a></h3><div><p>Section 2 text 
here.</p></div></div>");
3. Accordion accor = $(acc).as(Ui).accordion();
4. (absolutePanel_1.getElement()).append(accor); 

What is the expected output? What do you see instead?
The accordion is created. You can see the text of the first tab, but you can't 
open another one.

What version of the product are you using? On what operating system?
gwtquery-ui-r146.jar

Please provide any additional information below.
http://img812.imageshack.us/img812/2139/201204091937.jpg

The utility methods for Datepicker need to be implemented:

$.datepicker.setDefaults(settings)
$.datepicker.formatDate(format, date, settings)
$.datepicker.parseDate(format, value, settings)
$.datepicker.iso8601Week(date)
$.datepicker.noWeekends

See the list under "Utility functions" on this page: 
http://docs.jquery.com/UI/Datepicker

Interim work-around, as per email from Philippe: 

Roll your own JSNI method. Something similar to:

public native final JsDate parseDate(String format, String value, 
JavaScriptObject settings) 
/*-{
  return $wnd.jQuery.parseDate(format, value, settings);
}-*/;

What steps will reproduce the problem?
1. Use gwt-query-ui with gwt-query-1.0.0-SNAPSHOT-2.2.0.jar and GWT 2.2.

What is the expected output? What do you see instead?

Using gwtquery-1.0.0-SNAPSHOT-2.2.0.jar creates compile errors when using 
Slider in JQuery UI.

What version of the product are you using? On what operating system?

GWT 2.2.x

Please provide any additional information below.

Hello
do you intend to provide a GWT query UI for mobile based upon 
http://jquerymobile.com/ too?
It could be used in combination with 
https://github.com/dennisjzh/GwtMobile-Persistence and 
https://github.com/dennisjzh/GwtMobile-PhoneGap...

regards
xavier

jQuery-ui 1.8.5 was released. Should upgrade demos and CDN references to this 
version.

Furthermore, Microsoft now offers CDN for jQuery-ui. This should be made 
available as a GWT module for deploying the required scripts.

thanks for your great wrapper!
do you intend to add the effects we can find on the jquery-ui page?
regards

jQuery-UI 1.8.4 was released today.

It includes some new features which may need to be implemented here.

Announcement and changelog:
http://blog.jqueryui.com/2010/08/jquery-ui-1-8-4/

at this line:  
$(busPanel.getElementById("price-range")).as(Ui).slider(Slider.Options.create().
range(true).min(0).max(1000).values(300, 700)).bind(Slider.Event.stop, new 
Function() {

23:33:01.250 [ERROR] [ctshub] Unable to load module entry point class 
com.ctshub.bus.client.Bus (see associated exception for details)
com.google.gwt.core.client.JavaScriptException: (Error): Unknown failure
 description: Unknown failure
    at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:247)
    at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:120)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:510)
    at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:264)
    at com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91)
    at gwtquery.plugins.ui.UiWidget.initUiWidget(UiWidget.java)
    at gwtquery.plugins.ui.UiWidget.<init>(UiWidget.java:32)
    at gwtquery.plugins.ui.widgets.Slider.<init>(Slider.java:207)
    at gwtquery.plugins.ui.widgets.Slider$SliderPlugin.init(Slider.java:196)
    at gwtquery.plugins.ui.widgets.Slider$SliderPlugin.init(Slider.java:1)
    at gwtquery.plugins.ui.Ui.asWidget(Ui.java:292)
    at gwtquery.plugins.ui.Ui.slider(Ui.java:244)
    at com.ctshub.bus.client.SearchPanelBus.<init>(SearchPanelBus.java:118)
    at com.ctshub.bus.client.Bus.ticketGoose(Bus.java:49)
    at com.ctshub.bus.client.Bus.onModuleLoad(Bus.java:45)

    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
    at java.lang.reflect.Method.invoke(Unknown Source)
    at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:372)
    at com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:181)
    at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:520)
    at com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:362)
    at java.lang.Thread.run(Unknown Source)

Requirements:
* allow using embedded version
* allow using CDNs (google, yahoo)
* allow "manual" setup

The strategy to implement this is probably to use several GWT module 
descriptors (one per strategy). Users who wish to use Google CDN could inherit 
from gwtquery.plugins.ui.UiGoogleCdn (for example).

What steps will reproduce the problem?

1.("#dialog").as(Ui).dialog(Dialog.Options.create().
                        .buttons(Buttons.create()
                        .define("Create", new Function(){
                            @Override
                            public void f(){})));
or

2.("#dialog").as(Ui).dialog(Dialog.Options.create().
                        .buttons(Buttons.create()));

What is the expected output? What do you see instead?

Buttons section of dialog has a small, empty button created in front of all 
buttons I define. If no buttons are defined, it will just create the empty 
button.

What version of the product are you using? On what operating system?

gwtquery-ui r146, OSX Lion, Chrome Browser

Please provide any additional information below.

Seems like there is no appropriate way to get/set options equivalent to 
jQueryUIs:

Get or set the disabled option, after init.

    //getter
    var disabled = $( ".selector" ).tabs( "option", "disabled" );
    //setter
    $( ".selector" ).tabs( "option", "disabled", [1, 2] );

Since the qwtquery-ui is just a wrapper, I'm not sure what's the best way to 
patch it. Every UI widget has its own arguments or return values.
Best workaround would probably be an Options getter, but that way it doesn't 
comply with the jQueryUI conforms.

What do you think?