I'm looking a Dojo based calendar that can display events spanning across days in a month view exactly like the JQuery plugin FullCalendar
I work primarily in Dojo and I don't want to load JQuery if I don't need to.
This thread is a bit old now but I wanted to raise that there's now a candidate widget written by me for dojo 1.8+ that does exactly what you need: https://github.com/damiengarbarino/dojo-calendar
I tried to use the dojoc project and finally developed my own widget.
It is heavily customizable, has mouse, keyboard and even touch support, right to left display support, date formatting, custom views etc.
Documentation is available at: http://livedocs.dojotoolkit.org/dojox/calendar
I've been searching for something similiar recently and the best I can find is the 'dojoc' library. It appears to have been apart of the full dojotoolkit at some point but I can't seem to find a whole lot of information on it.
A test page showing it is on the author's website here. The github page for it is here. So far my attempts to locally use it have failed miserably. It seems to be built against an older version of dojo as well since it hasn't been updated in a while.
Although the Dojo 1.8 calendar widget looks promising, the documentation linked here http://livedocs.dojotoolkit.org/dojox/calendar is not up to scratch. Possibly the widget itself is also not ready for general use.
For example, it is proving difficult to prevent a particular event from being edited.
I realise 1.8 is not out yet. I trust the calendar widget and documentation will be better by the time 1.8 is released.
Related
I'm a beginner in dojo. First of all is everything javascript based? For example to create a form I have to use JavaScript or HTML tags?
Also I cannot understand their documentation and tutorials. It's very confusing.
Is there a proper website (other then dojo itself) that has good tutorials?
You can use Dojo's components's (widgets) in two ways. Programmatic and declaritive. The programmatic way (what you are talking about) is by defining widgets through the use of javascript. With declaritive you can define them using HTML markup. David Walsh has a nice short writeup and if you search for "declaritive programmatic dojo" you'll find some questions and answers on the matter:
https://davidwalsh.name/dojo-widget
Difference between programmatically vs declaratively created widgets in dojo?
Declarative coding or programmatic coding in Dojo Projects?
Declarative or programatic approach in DOJO?
If you're having trouble with the tutorials on the Dojo website, i suspect you're better off, first diving into some basic beginner javascript tutorials before trying to learn a framework like Dojo. I concur with the comment Ferry made on your question, there are no better resources than the actual Dojo website. I recommend following every tutorial, starting with the Hello Dojo tutorial and working your way up so that you don't miss out on the basic concepts which you'll need when you read the harder tutorials. Good luck!
For your first question: dojo is javascript-based platform that provide you with a basic javascript library and a bunch of basic widgets (UI controls like button, dialogue, layouts,...), and some extra things. However, you don't really have to use dojo all the time: you still can use dojo to manipulate a html form button; it's just dojo button comes with extra functionalities and might save you some time.
For the second question, I agree with iH8 that dojo website is the best place to start. There are three different ways dojo websites can help you:
Look at the tutorial: Basic steps on how to set it up and use provided functionalities as-is
Look at thetoolkit api: This provides a very detailed view of dojo javascript object (See what extra things you can do with dojo objects)
Look at the nightlytest: I found this very helpful in term of showing me what can be done outside of the tutorial (i.e. how to use things you found in the api)
Other than these, you can look at existing implementation to learn about the toolkit.
Basically, this is how I am learning Dojo. Without more-specific questions, it's hard to tell what is confusing about the tutorial. I would recommend you give it a try and post a question: everyone here will be willing to help you.
I recommend starting with some video tutorial like this.
When you understand the concept, you can try to copy and paste some code from Dojo documentation tutorials or Reference Guide, because all books are out-of-date.
Also you may find some useful information on IBM-related sites like http://www.ibm.com/developerworks because IBM invested in Dojo and uses it for its products.
If you have enough resources ($) you can take participation in Workshops (sitepen.com/workshops)
I've not programmed this before and I'm not finding any examples in searching of how to implement this Dojo.
I need a field to type ahead as a drop down field and will fill in the field as they type so when they type enough characters for their needs, they can hit enter and it grabs the correct value. My view is over the 64K limit. The field I've programmed, when previewing in the browser, doesn't show the field, only values in a huge long list below it. Can someone shed some light on how to program this field? Thanks for your help.
Is there an reference book that give examples of all the various elements of xPages that go into more detail than, for example, loading a drop down with six values.
Is this the Dojo Filtering Select Extension Library control? If so, XPages Extension Library book covers those components. Mastering XPages 2nd Edition covers the core controls and generic XPages runtime topics.
Without code or more details it's hard to tell what the cause is. It sounds like the relevant Dojo classes aren't loaded. That could be because the theme used is Bootstrap, which is jQuery-based rather than Dojo-based. Alternatively, if you're not using the Extension Library control, the most likely cause is declaring the Dojo Filtering Select but not including the relevant Dojo modules. That's again one of the reasons to use the Extension Library components instead of manually coding them. Alternatively you may be using a modern IE browser against an older Domino version - IE doesn't support older versions of Dojo, requiring compatible browser / server versions.
when tapping just on the "Back button" it last 1-1.5secs (iOS 4-5 iPhones) seconds before it goes back. Is there anything I can do ?
I had a closer look and removed ALL bottlenecks in my code. Even when the view is empty, its unacceptable slow.
I also had a look in the dojo sources, its seems that dojo.setStyle and dojo.setClass is called a few hundreds times when moving in or out a view. I debugged this with a self baken mozilla browser and its true, dojo view changes involve a complete repaint/reflow of the entire dom tree, thats more than bad.
We spent now 3.5 months fulltime on a commercial project and the customer is not happy with the performance at all and I'am facing a little desaster.
I also saw that dojo prefers DOM manipulation instead of innerHTML and wants even stick to that. Are there any workarounds or utils within the DOJO framework to support innerHTML approaches ?
Looks, I need to rewrite the view class.
Any suggestions are welcome, guenter
Are you running an optimized build or from source? Any chance this is a file load/latency problem?
I'd recommend you take your comments to dojo-interest where the community and dojox.mobile maintainers are more likely to see it. You may also want to post some examples to demonstrate the performance problems you're seeing.
We are in the middle of a relatively large project which uses ExtJS3 and have already invested ~4 man-years, using several plugins and we have written some plugins ourselfs. After a quick glance at ExtJS4, it seems that we would have a lot of work to do to migrate the project to ExtJS4. Are there any strong reasons to switch to ExtJS4? Currently, it seems to me that compatibility with future browsers (or the lack thereof) is the only one.
We're in similar situation and our conclusion was to wait a bit more as Ext 3 is doing it's job. We experienced many problems in our "test" migration and I would say that it's more a rewrite of the application than a migration :(. Also, our experience showed that Ext JS 4 has some performance problems, forms are a bit different, store cannot reject changes, it's bigger. There are some very good new features like the new class system, mixins, new charts, ...
We have upgraded our application to ExtJS4 without fail.We are happy to say that ExtJS4 is fast compare to ExtJS3.A new class system,mixins,plugin-free charts,focus management...etc.,. But if you want to upgrade you need to change a lot of code because class system and config options are changed.We have tested the performance of our application using ExtJS3 and ExtJS4,so as per our observation ExtJS4 is fast and it will not break.As per our observation,CSS selectors are also changed if you want to customize the component you can easily do the thing in ExtJS4.
We tried to migrate from ExtJS3 to ExtJS4 previous week. Unfortunately I must say it is like translate english to german. A lot of work. From our point of view more or less just the charting system is plus, minus - a lot of components that we use are not supported, a lot of css customization shoud be done, working code in ExtJS3 breaks easily and there is sometimes almost impossible to find an error.
Not an expert but personally I'd start new project with extjs4 but leave exiting project alone. The charting stuff is amazing in 4!
I want something like Axiis, but without using Flex or other Adobe products.
Have a look at the JavaScript InfoVis Toolkit. Also, maybe the gRaphaël charting library (built on top of Raphaël) can suit your needs.
Others:
Ajax.org
Google Chart API
flot
Style Chart
Bluff
JS Charts
jqPlot
pChart
ExtJS
Vizualize
TufteGraph
milkchart
DojoX Data Chart
jQChart
PlotKit
See whether one of these suits your needs best.
The closest I can think off the top off my head is Google Visualization API
Of course, AFAIK, this will only work for on-line applications. And is Google any less evil than Adobe is a question for you to decide :)
This is a pretty open question, as you havent specified any preference for any particular technology or language.
I do a lot of WPF/C# stuff so I immediately start looking on that stack. Assuming that this would be a suitable platform, then Visifire might be worth looking at... I originally found them here on codeplex.
There seem to be a ton of third party paid for components that can do similar things. Telerik has some visualization tools that may also be worth having a look at.
Is thre any specific scenario that you are looking at, or any specific language? I think we may be able to suggest better alternatives if that was provided.
You could try protovis (JavaScript), looks quite similar.
You can use jqChart - HTML5 jQuery Chart Plugin