Skip to main content

Learning Dojo: Add Dojo and Dijit to a page


Step 1: Add the standard Dojo Headers
<style type="text/css">
@import "/dojoroot/dijit/themes/tundra/tundra.css" ;
@import "/dojoroot/dojo/resources/dojo.css"
</style>

<script type="text/javascript" src="/dojoroot/dojo/dojo.js"
djConfig="parseOnLoad: true" ></script>

In Dijit Terminology, a them is a set of fonts, colors, and sizing settings for components so they look good together. Three themes come prepackaged with Dijit - Tunra, Sorta, and Nihilo - and you can develop your own themes as well.

The <script> tag pulls the Dojo code from your server. The djConfig="parseOnLoad:true" attribute is required to use Dojo elements decoratively.

Step 2: Set the Class of the Body
</head>
<body class="tundra">

The class name will match the theme name in lowercase: tundra, soria ornihilo.

Step 3: Add dojo.require Statements.

<script type="text/javascript">
dojo.require("dojo.parser" );
dojo.require("dijit.layout.ContentPane" );
</script>

The dojo.parser module is required for all pages using declarative Dijit. Then you load the dijit.layout.ContentPane module, required to draw Dijit content panes. Dojo modules correspond roughly to JavaScript files under /dojoroot. For example, requiring dijit.layout.TabContainer loads the JavaScript script /dojoroot/dijit/layout/TabContainer.js.


dojo.require is one of the most important functions in Dojo. But how do you know which modules to include? In this series, I will always introduce a new component or Doj API, say the Date API, with its module name, for example, dojo.date.

You will be applying these three steps to every page using Dojo or Dijit Once the browser loads the theme style sheet and executes the Dojo Script, processes the dojo.require statments, and sets the <body> class, you're ready to roll.

Comments

Popular posts from this blog

Stretch a row if data overflows in jasper reports

It is very common that some columns of the report need to stretch to show all the content in that column. But  if you just specify the property " stretch with overflow' to that column(we called text field in jasper report world) , it will just stretch that column and won't change other columns, so the row could be ridiculous. Haven't find the solution from internet yet. So I just review the properties in iReport one by one and find two useful properties(the bold highlighted in example below) which resolve the problems.   example:
<band height="20" splitType="Stretch"> <textField isStretchWithOverflow="true" pattern="" isBlankWhenNull="true"> <reportElement stretchType="RelativeToTallestObject" mode="Opaque" x="192" y="0" width="183" height="20"/> <box leftPadding="2"> <pen lineWidth="0.25"/> …

JasperReports - Configuration Reference

Spring - Operations with jdbcTemplate

This class manages all the database communication and exception handling using a java.sql.Connection that is obtained from the provided DataSource. JdbcTemplate is a stateless and threadsafe class and you can safely instantiate a single instance to be used for each DAO.


Use of Callback Methods
JdbcTemplate is based on a template style of programming common to many other parts of Spring. Some method calls are handled entirely by the JdbcTemplate, while others require the calling class to provide callback methods that contain the implementation for parts of the JDBC workflow. This is another form of Inversion of Control. Your application code hands over the responsibility of managing the database access to the template class. The template class in turn calls back to your application code when it needs some detail processing filled in. These callback methods are allowed to throw a java.sql.SQLException, since the framework will be able to catch this exception and use its built-in excepti…