Skip to main content

Learning Dojo: Laying Out the Form

Let's take tab for example:


<script>
dojo.require("dojo.parser" );
dojo.require("dijit.layout.ContentPane" );
dojo.require("dijit.layout.TabContainer" );
</script>
</head>

The two components we need, again, are as follows:

  • A dijit.layout.ContentPane, which holds one "tabful" of data. Each ContentPane has a lable that appears on the tab. 
  • A dijit.layout.TabContainer, which holds a group of ContentPanes.



<div dojoType="dijit.layout.ContentPane" title="Personal Data">
<label for="first_name">First Name:</label>
<input type="text" name="first_name" id="first_name" size="30" /><br/>
<label for="last_name">Last Name:</label>
<input type="text" name="last_name" id="last_name" size="30" /><br/>
<label for="middle_initial">Middle Initial:</label>
<input type="text" name="middle_initial" id="middle_initial" size="1" /><br/>
</div>
Then repeat this for all the tabs.
for example:

Phone:</label>
<input type="text" name="work_phone" id="work_phone" size="30" /><br/>
<label for="cell_phone">Cell Phone:</label>
<input type="text" name="cell_phone" id="cell_phone" size="30" /><br/>
</div>


Wrap up these panes in a <div> with dijit.layout.TabContainer: 
<div class="formContainer" dojoType="dijit.layout.TabContainer"
style="width:600px;height:600px" >
...
</div>
Notice the height style on the TabContainer. That’s required, and if you
leave it off, the tabs will not appear at all. (Consider yourself warned!)


Something Wrong?
Things happen.

• Make sure your dojoType= attributes are correct. Case matters
here.
• Double-check the <body> tag to make sure it has class="tundra".






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…