Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Java EE (J2EE) и Spring > gwt диаграмма ганта

Автор: AsyncCallback 5.2.2010, 13:09

существует ли под gwt диаграмма ганта, нашел одну но она оч старая и заточенна под gwt 1.5.3!

Автор: AsyncCallback 8.2.2010, 08:22

еше нашел javascript думаю как его прикрутить к gwt
есть js файл
если кому нужно прикрепил его

я вставил код из js в

Код


public static native void showGantt() /*-{
код js
}-*/;

затем у них в примере в html файле прописанно

Код


var g = new JSGantt.GanttChart('g',document.getElementById('GanttChartDIV'), 'day');
  g.AddTaskItem(new JSGantt.TaskItem(1,   'Define Chart API',     '',          '',          'ff0000', 'http://help.com', 0, 'Brian',     0, 1, 0, 1));

т.е. добавляет сами графики

так вот могу ли я это использовать в gwt приложение, думаю что могу а вот как?
метод showGantt никаких мотодов, ничего не возращает

Автор: andyhomes 8.2.2010, 09:53

Цитата(AsyncCallback @ 8.2.2010, 08:22)

я вставил код из js в

Код


public static native void showGantt() /*-{
код js
}-*/;

Это вы напрасно сделали.
Подключите библиотеку к странице обычным способом, т.е. в <script.../>

И напишите нужные вам JSNI методы-обертки для вызовов методов библиотеки.
Доступ к мемберам и методам библиотеки внутри JSNI методов, делайте с префиксом $wnd ($wnd.JSGantt , $wnd.JSGantt.TaskItem и т.д.)

Автор: AsyncCallback 8.2.2010, 10:59

Цитата(andyhomes @ 8.2.2010, 09:53

)

Это вы напрасно сделали.

Эт точно!

Цитата(andyhomes @ 8.2.2010, 09:53

)

Доступ к мемберам и методам библиотеки внутри JSNI методов, делайте с префиксом $wnd ($wnd.JSGantt , $wnd.JSGantt.TaskItem и т.д.)

ага вот как, ок шас попроую!

Автор: AsyncCallback 8.2.2010, 11:30

не-а что то не раотает, не пойму тока что,

Код


$wnd.g =  new $wnd.JSGantt.GanttChart('g',document.getElementById('GanttChartDIV'), 'day');
        $wnd.g.setShowRes(1); // Show/Hide Responsible (0/1)
        $wnd.g.setShowDur(1); // Show/Hide Duration (0/1)
        $wnd.g.setShowComp(1); // Show/Hide % Complete(0/1)
        $wnd.g.setCaptionType('Resource');


        $wnd.g.AddTaskItem( new $wnd.JSGantt.TaskItem(11,  "Chart Object",         "7/20/2008", "7/20/2008", "ff00ff", "http://www.yahoo.com", 1, "Shlomy",  100, 0, 1, 1));
        $wnd.g.AddTaskItem( new $wnd.JSGantt.TaskItem(11,  "Chart Object",         "7/20/2008", "7/20/2008", "ff00ff", "http://www.yahoo.com", 1, "Shlomy",  100, 0, 1, 1));
        $wnd.g.Draw();    
        $wnd.g.DrawDependencies();

компилится без ощибок

Автор: AsyncCallback 9.2.2010, 13:48

Добавляя этот код в html в
<script>
......
</script>
то работает!
может и тут нужно такое, или нужно какимто образом добавить эту функцию в RootPanel.get().add(...);?

Автор: andyhomes 9.2.2010, 15:17

Цитата(AsyncCallback @ 8.2.2010, 11:30)

не-а что то не раотает, не пойму тока что,

Код


$wnd.g =  new $wnd.JSGantt.GanttChart('g',document.getElementById('GanttChartDIV'), 'day');
        $wnd.g.setShowRes(1); // Show/Hide Responsible (0/1)
        $wnd.g.setShowDur(1); // Show/Hide Duration (0/1)
        $wnd.g.setShowComp(1); // Show/Hide % Complete(0/1)
        $wnd.g.setCaptionType('Resource');


        $wnd.g.AddTaskItem( new $wnd.JSGantt.TaskItem(11,  "Chart Object",         "7/20/2008", "7/20/2008", "ff00ff", "http://www.yahoo.com", 1, "Shlomy",  100, 0, 1, 1));
        $wnd.g.AddTaskItem( new $wnd.JSGantt.TaskItem(11,  "Chart Object",         "7/20/2008", "7/20/2008", "ff00ff", "http://www.yahoo.com", 1, "Shlomy",  100, 0, 1, 1));
        $wnd.g.Draw();    
        $wnd.g.DrawDependencies();

компилится без ощибок

В общем-то это тоже не правильно.

Почитайте документацию http://code.google.com/intl/ru-RU/webtoolkit/doc/latest/DevGuideCodingBasicsJSNI.html
Посмотрите на пример использования http://code.google.com/p/gwt-html-editor/source/browse/branches/gwt1.4/src/com/gc/gwt/wysiwyg/client/fck/FCKEditor.java?r=83
Погуглите другие примеры.
Помедитируйте...
и все у вас получится.

Кроме того, на вашей страничке должен быть <div id = "GanttChartDIV" />
Он у вас есть?

Автор: AsyncCallback 10.2.2010, 09:17

Цитата(andyhomes @ 9.2.2010, 15:17

)

Кроме того, на вашей страничке должен быть <div id = "GanttChartDIV" /> Он у вас есть?

Да конечно, присутствует!

Да читал доки, но увы не могу сам понять, что да как нужно!

Автор: Atum 9.3.2010, 14:48

http://code.google.com/p/gwtgantt/

это обертка над этим скриптом с примерами .

только возьмите более свежую версию скрипта с сайта http://www.jsgantt.com/

так как проект не развивается .

Надо переписывать все самому .

к тому же  он очень тормозит - когда пытается отрисовать даты больше года (это и понятно он их честно отрисовывает).

Если вы напишите свою версию - или найдете что-нибудь интересное - буду вам признателен за ссылку и помощь .

есть еще  http://gantter.com/ - нет исходных кодов и он платен

более интересен проект http://www.ext-scheduler.com/ но  пока под GWT (GXT) нет даже беты

Добавлено через 4 минуты и 50 секунд
скиньте ссылку на старую диаграмму заточенную под GWT 1.5.3 smile