Insider Scoop From the Tutorial Divas

See You at JavaOne 2008

2008-04-08T11:59:44-07:00

This year, Brian Leonard, and I (diva #2) are putting on the Developing (J)Ruby on Rails Applications with the NetBeans™ IDE hands-on lab at JavaOne. If you haven't tried developing a web application using Ruby on Rails, this is a good opportunity to get your feet wet. For those of you who are familiar with Ruby but haven't tried it in the IDE, you will also find this lab helpful. In this lab, you build the classic Ruby web log, you access the FreeTTS Java API to speach-enable the application, and you deploy the application to the GlassFish application server.

Speaking of JavaOne, in last year's hands-on-lab, one of the exercises was to use Dynamic Faces to build a chat room application. This section has been turned into the Building an Ajax Chat Room with the Ajax Transaction Dynamic Faces Component tutorial which is available from the NetBeans Web Application Learning Trail.

About the picture. Right behind me is flowing lava. To be able to walk right up to 1200 degree Celsius lava flow was an awesome experience. Fortunately, because the lava contains a large amount of glass, the lava flows very slowly.

New Ruby Developer Resource Center

2008-03-26T16:52:29-07:00

The Ruby Developer Resource Center at developers.sun.com is live. Just learning or already deploying? Get downloads, docs, news feeds, blogs, screencasts, and learning trails to help you build applications using Ruby, JRuby, and Ruby-on-Rails.

NetBeans IDE 6.1 Beta Blogging Contest

2008-03-17T17:17:42-07:00

I know that many of you NetBeans Ruby users blog about your experiences. Here's a chance to win a $500 gift certificate or a NetBeans T-Shirt. If you have blogged about your NetBeans 6.1 IDE experience, all you have to do is go to this Blog Contest page and submit the URL to your blog. Do it before April 18, 2008.

NetBeans 6.1 Draft: Creating a Rails 2.0 Weblog in 10 Minutes

2008-02-29T13:41:20-08:00

April 8, 2008 Update: The final version of this tutorial is available at http://www.netbeans.org/kb/61/ruby/rapid-ruby-weblog.html.

This is an early draft of a NetBeans IDE 6.1 tutorial in which you use the Ruby support in the NetBeans IDE to create and run a simple Rails 2.0 web application. This tutorial is an update of an earlier blog, which was written for NetBeans IDE 6.0. A final version of this tutorial will be published at www.netbeans.org when final NetBeans IDE 6.1 is released.

Tutorial Requirements

This tutorial requires the following technologies and resources.

MySQL database server.
NetBeans IDE 6.1 development build with Ruby support. A beta release is available from here.

Creating the Ruby on Rails Project

You begin by creating a Ruby on Rails project. By default, the application is created in a directory structure that conforms to the Ruby on Rails project conventions for applications.

In the NetBeans IDE, choose File > New Project.
Select Ruby from the Categories list and Ruby on Rails Application from the Projects list. Click Next.
Type rubyweblog in the Project Name text box. Accept all the other default settings on this page.
Click Next.
Select Specify Database Information Directly.
Leave the Database Name text box blank, the IDE will create default development, test, and production database names based on the project name.
Type root in the User Name text box.
If the root user requires a password, type the password in the Password text box.
Click Finish to create the new project.
The IDE creates the project directory with the same name as your project and opens the database.yml file in the editing area. Notice that the default database name for the development configuration is rubyweblog_development.
Click the small x button in the database.yml tab to close the file.

Creating the Scaffold

This weblog application is built around the Post model, which stores instances of blog posts. Here you use the Rails scaffold generator to create the model and its controller, as well as the index (list), show, new, and edit views.

The generator also creates a migration file for creating the model's database table, and creates unit test and fixture stubs for writing model tests. Last, the generator adds the map.resources :posts declaration to the routes.rb file to create named routes that are mapped to the URL paths for the controller actions.

In the Projects window, right-click the rubyweblog project node and choose Generate.
In the Rails Generator dialog box, select scaffold from the Generate drop-down list. Make sure that you select scaffold, and not use the default selected value (controller).
Type Post in the Model Name text box.
Type title:string in the Attribute Pairs text box, as shown in the following figure, and click OK.

The Output window lists the files that the scaffold generator creates and updates.

Creating the Database

In this section, you use a Rake task to create the rubyweblog_development database. Then you use the 001_create_posts.rb migration file to add the Posts table to the database.

In the Projects window, right-click the rubyweblog project node, and choose Run Rake Task > db > create.

Rake creates the MySQL database for the development configuration in the database.yml file.
In the Projects window, expand Database Migrations and expand migrate.

Double-click the 001_create_posts.rb node to open the file in the editing area.

The file opens to show the self.up method, which creates a table called posts, and the self.down method, which tears the posts table down, as shown in the following code sample.

Code Sample 1: Code for 001_create_posts.rb

class CreatePosts < ActiveRecord::Migration
  def self.up
    create_table :posts do |t|
      t.string :title

      t.timestamps
    end
  end

  def self.down
    drop_table :posts
  end
end

Note that the create_table method adds an id column by default, and that the timestamps method adds the created_at and updated_at columns to the database table.

In the Projects window, right-click the rubyweblog node and choose Migrate Database > To Current Version.

This action updates the the database to include the posts table. The Output window indicates when the migration is complete.

Running the Application

Now test the application.

In the Projects window, expand the Configuration node and double-click routes.rb to open it in the editor. Find the comment:
```
# map.root :controller => "welcome"
	
```
Add the following line under the comment.
```
map.root :controller => "posts"
	
```
In the Projects window, expand the Public node, right-click index.html and choose Delete.

The index.html page displays a default Welcome page, which is not what you want. By deleting index.html, Rails looks in routes.rb to figure out what page to display.
Choose File > Save All from the main menu.
Click the Run Main Project button in the toolbar.

This action starts the WEBrick server, which is part of the Ruby on Rails framework, and launches the web browser.

If you are using a server other than WEBrick, you might need to enter http://localhost:3000 in the browser's address text box and press Enter.
Click the New post link to display the second page of the application.
Enter a title and click Create.
Click the Back link to return to the list of posts.

Doing More: Adding Another Table Column

Here you add a body column to posts table to hold the text for each blog entry.

Right-click the Database Migrations node and choose Generate. In the Rails Generator dialog box, type AddBodyToPost body:text in the Arguments text box and click OK.

The IDE creates the versioned migration script 002_add_body_to_post.rb. The file opens to show the self.up method, which adds a body column, and the self.down method, which removes the column, as shown in the following code sample. Notice how the generated code extracted the table name from the first argument AddBodyToPost.

Code Sample 2: Code for 002_add_body_to_post.rb

class AddBodyToPost < ActiveRecord::Migration
  def self.up
    add_column :posts, :body, :text
  end

  def self.down
    remove_column :posts, :body
  end
end

Right-click the rubyweblog node and choose Migrate Database > To Current Version.
Alternatively, right-click in the source file and choose Run File from the pop-up menu.
In the Projects window, expand Views and expand posts.
Double-click edit.html.erb to open the file in the editing area.

Add the statements shown in bold in the following code sample.

Alternatively, place the cursor before the <p> tag for the Title and drag the mouse to the position after the paragraph's ending </p> tag, then press Ctrl+Shift+Down Arrow to duplicate the lines. Replace Title with Body and replace f.text_field :title with f.text_area :body.

Code Sample 3: Adding the Body to the Edit View

<h1>Editing post</h1>

<%= error_messages_for :post %>

<% form_for(@post) do |f| %>
  <p>
    <b>Title</b><br />
    <%= f.text_field :title %>
  </p>

  <p>
    <b>Body</b><br />
    <%= f.text_area :body %>
  </p>

  <p>
    <%= f.submit "Update" %>
  </p>
<% end %>

<%= link_to 'Show', @post %> |
<%= link_to 'Back', posts_path %>

Double-click new.html.erb to open the file in the editing area.

Add the statements shown in bold in the following code sample. Alternatively, use Ctrl+Shift+Down Arrow to duplicate the Title paragraph and edit the duplicated code as described in Step 5.

Code Sample 4: Adding the Body to the New View

<h1>New post</h1>

<%= error_messages_for :post %>

<% form_for(@post) do |f| %>
  <p>
    <b>Title</b><br />
    <%= f.text_field :title %>
  </p>

  <p>
    <b>Body</b><br />
    <%= f.text_area :body %>
  </p>
	
  <p>
    <%= f.submit "Create" %>
  </p>
<% end %>

<%= link_to 'Back', posts_path %>

Double-click show.html.erb to open the file in the editing area.

Add the statements shown in bold in the following code sample. Alternatively, use Ctrl+Shift+Down Arrow to duplicate the Title paragraph as described in Step 5, change Title: to Body:, and change @post.title to @post.body.

Code Sample 5: Adding the Body to the Show View

<p>
  <b>Title:</b>
  <%=h @post.title %>
</p>

<p>
  <b>Body:</b>
  <%=h @post.body %>
</p>

<%= link_to 'Edit', edit_post_path(@post) %> |
<%= link_to 'Back', posts_path %>

Choose File > Save All.
Return to the browser and click the New Post link to see how Ruby recognizes the new body column.
Create a few more blog entries.

Doing More: Validating Input

Here, you add code to the Post class to ensure that the users provide values for both the title and the body fields.

In the Projects window, expand the Models node and double-click post.rb to open the file in the editor.
Open up a line inside the Class definition, type vp, then press Tab.
The IDE replaces the vp trigger with the following code template.
```
validates_presence_of :attribute
```
Type title, :body. The code should look like the following statement.
```
validates_presence_of :title, :body
```
Run the application, click New Post, and click Create.
The application now reports that the title and body cannot be blank.

Doing More: Making the List Look More Like a Blog

Expand Views > posts and open index.html.erb, which is used to show the list of blog entries. Delete the <h1> and <table> tags and replace them with the following code that is shown in bold.

Code Sample 6: Code for index.html.erb

<h1>The Ruby Blog</h1>

<% @posts.each do |post|  %>
  <h2><%=h post.title %></h2>
  <p><%=h post.body %></p>
  <small><%= link_to 'Permalink', post %></small>
  <hr>
<% end %>

<br />

<%= link_to 'New post', new_post_path %>

For each instance of a post action, this code produces a title, body, and Permalink.

Notice that the second parameter for link_to is post. You might remember that when you generated the scaffold, the generator added a map.resources :posts declaration to the routes.rb. The resources method generates named routes for the Post model, one of which is post. The post named route produces the same result as passing :action => 'show', :id => post to the link_to method. The post id is passed in the URL. When you click the Permalink link, look at the URL in the address bar. You should see a URL similar to http://localhost:3000/posts/1.

To see all the named routes for a project, right-click the rubyweblog project node and choose Run Rake Task > routes. The Output window shows the route list. The first column shows the named route, the second and third columns show the HTTP verb and URL that are passed in the request, and the last column shows the controller and action that will be called. To learn more about using named routes see the Rails API for the ActionController:Resources class.

Save the changes and run the application to see the new interface for the Post model.
To display the blog with the most recent entry first, edit the code that you just added to reverse the sort order by adding a call to the .reverse method, as shown below.
```
<% @posts.reverse.each do |post| %>
	  
```
Save the file and refresh your browser to see the list displayed in reverse order.

Creating a Rails 2.0 Ruby Weblog in 10 Minutes

2008-01-15T12:06:22-08:00

Note: On 2/25/08, I updated Code Sample 3 to take advantage the REST URLs and Path methods that the map.resources entity in the routes.rb generates. I also modified Step 3 in the last Doing More section to match the modified code.

Our Ruby weblog tutorial series for NetBeans IDE 6.0 is written for Rails 1.2.5 and uses the ActionController scaffold method. The Rails 2.0 framework dropped this method, so the tutorials do not work if you have updated to Rails 2.0.

We are now learning about the 2.0 changes so that we can produce updated tutorials. In the meantime, here is a quick draft of how to do the first weblog tutorial, Creating a Ruby Weblog in 10 Minutes, using the Rails 2.0 framework and the NetBeans 6.0 IDE. We are still learning about the new Rails 2.0 features, so there will probably be many changes to come. Please consider this a temporary document.

Currently, this tutorial assumes that you are using a native Ruby interpreter, and have updated to Rails 2.0 (I believe you need to update RubyGems as well). There are many flavors of Ruby, one of which can be download from ww2.ruby-lang.org. To learn how to set up the IDE to use a native Ruby interpreter, see Installing and Configuring Ruby Support.

Note: This tutorial uses the MySQL database server. See Installing and Configuring Ruby Support for information about using a MySQL database server in a Ruby application that is built using the NetBeans 6.0 IDE.

Creating the Ruby on Rails Project

You begin by creating a Ruby on Rails project. By default, the application is created in a directory structure that conforms to the Ruby on Rails project conventions for applications.

In the NetBeans IDE, choose File > New Project.
Select Ruby in the Categories field and Ruby on Rails Application in the Projects field. Click Next.

Note: The first time that you create a Ruby project in the IDE, the IDE checks if you have any other Ruby installations in addition to the bundled JRuby software. If you do, the IDE displays a dialog box asking you to select which software to use. Choose the native Ruby interpreter.
Type rubyweblog in the Project Name field. Accept all the other default settings.
Click Finish to create the new project.

The IDE creates the project directory with the same name as your project.

Configuring the Database Environment

The next step is to edit the file database.yml, which is already configured to use the MySQL adapter and the development database. You do not need to do any configuration unless the root user requires a password.

In the editing area, edit the database.yml by providing the password in the development configuration.
Save and close the database.yml file.

Note: If your operating system's host file does not contain localhost, use 127.0.0.1 instead.
In the Projects window, right-click the rubyweblog project node, and choose Run Rake Task > db > create.
Rake creates the MySQL database for the development configuration.

Creating the Scaffold

Here you use the Rails Generator to create a scaffold and a model for the application. The rubyweblog application requires a Post model for storing instances of blog posts.

In the Projects window, right-click the rubyweblog project node and choose Generate.
In the Rails Generator dialog box, choose scaffold from the Generate drop-down list.
Type Post title:string in the Model Name field and click OK (Controller Name and Actions not valid arguments in Rails 2.0).

The Rails Generator creates a model named Post, creates a migration file, and adds the controller and views for listing, creating, updating, and deleting posts. In addition, Rake edits the routes.rb file to map Post as a resource. The Output window lists the files that are created as part of the model generation.

Migrating the Database

The file that you work with next is the migration file, 001_create_posts.rb.

In the Output window, click the link for the db/migrate/001_create_posts.rb file.

The file opens to show the self.up method, which creates a table called posts, and the self.down method, which tears the posts table down, as shown in the following code sample:

Code Sample 1: Code for 001_create_posts.rb

class CreatePosts < ActiveRecord::Migration
  def self.up
    create_table :posts do |t|
      t.string :title

      t.timestamps
    end
  end

  def self.down
    drop_table :posts
  end
end

In the Projects window, right-click the rubyweblog node and choose Migrate Database > To Current Version.

This action updates the the database to include the posts table. The Output window indicates when the migration is complete.
Note that Rails 2.0 provides some new db Rake tasks, such as create (which you used earlier), drop, reset, rollback, and version.

Running the Application

Now test the application.

In the Projects window, expand the Configuration node and double-click routes.rb to open it in the editor. Find the comment:
```
# map.root :controller => "welcome"
	
```
Add the following line under the comment:
```
map.root :controller => "posts"
	
```
Expand the Public node, right-click index.html and choose Delete.

index.html displays a default Welcome page, which is not what you want. By deleting index.html, Rails looks in routes.rb to figure out what page to display.
Choose File > Save All.
Click the Run Main Project button in the toolbar.

This action starts the WEBrick server, which is part of the Ruby on Rails framework, and launches the web browser.

If you are using a server other than WEBrick, you might need to enter http://localhost:3000 in the browser's address text box and press Enter.
Click the New post link to display the second page of the application.
Enter a title and click Create.

Doing More: Adding Another Field

Here you add another field so that, in addition to the Title field, the posts table includes a Body column for providing the text of the blog.

Right-click the Database Migrations node and choose Generate. In the Rails Generator dialog box, type AddBodyToPost body:text in the Arguments field and click OK.

Code Sample 2: Code for 002_add_body_to_post.rb

class AddBodyToPost < ActiveRecord::Migration
  def self.up
    add_column :posts, :body, :text
  end

  def self.down
    remove_column :posts, :body
  end
end

Choose File > Save All.
Right-click the rubyweblog node and choose Migrate Database > To Current Version.
Alternatively, right-click in the source file and choose Run File from the pop-up menu.
Typically, you would now edit the views to add the new field. For this tutorial, you will simply regenerate the scaffold. In the Projects window, right-click the rubyweblog project node and choose Generate.
In the Rails Generator dialog box, choose scaffold from the Generate drop-down list.
Type Post title:string body:text --skip-migration in the Model Name field.
Select the Overwrite radio button.
Click OK.
Return to the browser and click the New Post link to see how Ruby recognizes the new body field.
Create a few more blog entries.

Doing More: Validating Input

Here, you add code to the Post class to ensure that the users provide values for both the title and the body fields.

In the Projects window, expand the Models node and double-click post.rb to open the file in the editor.
Open up a line inside the Class definition, type vp, then press Tab.
The IDE replaces the vp trigger with the following code template:
```
validates_presence_of :attribute
```
Type title, :body. The code should look like the following statement:
```
validates_presence_of :title, :body
```
Run the application, click New Post, and click Create.
The application now reports that the title and body cannot be blank.

Doing More: Making the List Look More Like a Blog

Expand Views > posts and open index.html.erb, which is used to show the list of blog entries. Delete the <h1> and <table> tags and replace them with the following code that is shown in bold:

Code Sample 3: Code for index.html.erb

<h1>The Ruby Blog</h1>

<% for post in @posts %>
  <h2><%=h post.title %></h2>
  <p><%=h post.body %></p>
  <small><%= link_to 'Permalink', post %></small>
  <hr>
<% end %>

<br />

<%= link_to 'New post', new_post_path %>

For each instance of a post action, this code produces a title, body, and Permalink.

Run the application to see the new interface for the Post model.
To display the blog with the most recent entry first, reverse the sort order by adding .reverse to the end of @posts in index.html.erb:
```
	  <% for post in @posts.reverse %>
	  
```
Save the file and refresh your browser to see the list displayed in reverse order.

Adding a Popup Window to a NetBeans 6.0 Visual Web Page

2008-01-03T11:49:59-08:00

Here is a mini-tutorial for creating a Popup window for the user to lookup values. One scenario that you might use this for is when the page visitor needs more information then can be displayed in a drop-down list.

This is a rewrite of a previous blog entry that was written for the Sun Java Studio Creator IDE. I have modified the steps so that it works for the NetBeans 6.0 IDE.

Create a web application project with the Visual Web JavaServer Faces framework.
Add a page named Popup.
Add a Table component to the page.
Drag VIR > Tables > State from the Services window and drop it on the table.
Right-click the Table component and choose Table Layout from the pop-up menu.
In the column for the STATE.STATEID database field, set the Component Type to Hyperlink, and click OK.
Select the Hyperlink component so that its properties appear in the Properties window.
Set the value for the onClick property to doSave('#{currentRow.value['STATE.STATEID']}')

(I got the value to pass to doSave() from the Value Expression in the Table Layout dialog).
Drag a Script component from the Advanced section of the Palette and drop it on the page.
Click JSP in the editing toolbar to view the JavaServer Pages script.

In the JSP page, change the <webuijsf:script> tag as shown below.

<webuijsf:script binding="#{Popup.script1}" id="script1">
<![CDATA[
function doSave(val) {
 window.opener.setVal(val);
 window.close();
}]]>
</webuijsf:script>

The Popup page is now ready for use by another page.

Create a new page called Form1. Make it be the start page.
Drag a Text Field component and drop it on the page. In the Properties window, make sure the id is set to textField1.
Drop a Hyperlink component on the page, just above the text field, and set the text property to State Code.
Set the url property to /faces/Popup.jsp.
Set the onClick property to doPopup('form1:textField1_field')

Note: Here you are passing the id of the field to fill with the selected value. Determining the id can be tricky. To determine what to use for the id, run the application, and use a tool such as Firebug to inspect the DOM.
Click the ... button for the target property to open the target property editor.
In the property editor, click New and set both the Display and Value to popup. Click OK and click OK again.

Later you add script to open a window named popup, and this setting causes the Popup.jsp page to display in that window.
If the target property value is still blank, select popup from the value from the combobox for that property.
Drag a Script component from the Advanced section of the Palette and drop it on the page.
Click JSP in the editing toolbar to view the JavaServer Pages script.

In the JSP page, change the <webuijsf:script> tag as shown below.

<webuijsf:script binding="#{Form1.script1}" id="script1">
<![CDATA[
function doPopup(destination) {
 popup = window.open("", "popup",
 "height=300,width=200,toolbar=no, menubar=no,scrollbars=yes");
 destinationElement=document.getElementById(destination);
 popup.focus();
}

function setVal(val){
 destinationElement.value=val;
}]]></webuijsf:script>

Run the project. Click State Code to open the popup window. Click a state code to select the code, close the popup window, and populate the text field.

Five-Minute Ruby on Rails jMaki Tutorial

2007-12-14T16:01:35-08:00

If you have installed the NetBeans IDE support for Ruby and you are interested in integrating jMaki in your Ruby on Rails projects, here is a five-minute tutorial that will get you started. In this tutorial, you add a Yahoo data table to a Ruby on Rails view. (If you have not yet installed the NetBeans IDE 6.0 or if you need to add Ruby support to your NetBeans IDE, learn how to here.)

If you haven't installed the jMaki plugin for the NetBeans IDE, it takes just a minute. Select Tools > Plugins from the main menu, select jMaki Ajax Support, click Install and follow the instructions.
Follow the steps in the "Working With Ruby on Rails Files" section in the Getting Started With Ruby and Rails. This should take just a few minutes as no database is involved. Finish all the steps up to but not including the "Practicing What You Have Learned" subsection. It is important that you add the routing code (Code Sample 10) to the routes.rb file and delete the Public > index.html file.

Note: If you already have done these sections, but added the jMaki plugin after you created the project, you need to create a new project in order to have jMaki included.
Edit the Views > item > index.rhtml file.
Remove the <table> including the nested <tr> and <td> tags. You will replace this HTML table with the Yahoo Data Table.
Choose Window > Palette from the main menu to view the Palette window.
Expand the jMaki Yahoo section in the Palette, then drag and drop the Data Table onto the index.rhtml.

Replace the jmaki_widget tag with the following code:

<%= jmaki_widget 'yahoo.dataTable',
:value =>
{:columns => [
     { :label => 'Id', :id => 'id'},
     { :label =>'Type', :id => 'type'},
     { :label => 'Price', :id => 'price'},
     ],
  :rows => @items
  }
-%>

Click the small x button in the bottom right corner of the IDE to stop the WEBrick server.
Click the Run Main Project button and the browser should display a nice Yahoo table that contains the item data.

How Do You Ruby?

2007-12-04T13:58:52-08:00

During your daily use of the NetBeans Ruby support, you are constantly figuring out how to best use the language and the IDE to help you get your job done. Hopefully, the tutorials and articles help you towards your goals, but one size does not fit all. You all have diverse perspectives of the product as you implement your different use cases and scenarios. In addition, you bring with you different sets of habits, mental models, processes, and standards.

As you work with the product, you gain valuable nuggets of information that would be of benefit to others who run into the same situations. The NetBeans Ruby community wiki provides the means to share that knowledge.

You might think that you have to be a subject matter expert before you can contribute, but that is far from true. Often, people who are new to using the NetBeans Ruby support are the perfect teachers for other beginners. You can understand and emphasize with them, and you are probably encountering the same bumps, hurdles, and misunderstandings. Or maybe you are just one step ahead and can help others from making the same mistakes. Also, the act of writing might make your own understanding all that more concrete.

There are many ways in which you can be involved in the NetBeans Ruby community.

Users Alias. The users@ruby.netbeans.org email alias is a quick and easy way ask questions and help out others. An added advantage is that the developers are listening and many improvements have been made to the product because people took the time to write their issues and wishes. Often times, during the act of describing your problem concisely, you get the big Aha! that makes the answer obvious. In that case, since you have already written up the problem, you might as well share your problem and solution with the community.
FAQs. The FAQ is composed of easy to create and edit wiki pages. The users alias is a good place to look up solutions, but even better is when someone takes the time to summarize a long thread from the users alias into one page of essential information. Another good use for FAQs is to share gotchas and tips.
Blogs, Tutorials, and Articles. If you blog about NetBeans Ruby support, notify the users alias so we can link to you. If you want to write a tutorial or article, get in touch with the NetBeans Community Docs Contribution Coordinator Amit Kumar Saha (See Community Docs for instructions). Also let us know, so we can link to your doc from the Ruby Documentation wiki page. We will also be glad to help you with reviews and such.
Submit Code. The Ruby Participation wiki page tells how to join the development effort. The Ruby Code Ideas wiki page lists possible projects to work on -- both large and small. Two other ways to contribute are to submit Ruby hints and quick fixes (see Writing New Ruby Hints) and provide suggestions for Ruby code templates.

So, how do you Ruby? Got a nugget to share? We would love to hear from you.

The NetBeans Ruby Screencast Library

2007-11-30T14:10:25-08:00

Recently we posted a list of tutorials to help you get started with NetBeans Ruby and Rails. Another way to get started is by watching the NetBeans Ruby screencasts, starring Tor Norbye and Roman Strobl, and produced by Cindy Church. These screencasts provide an overview of the features of NetBeans Ruby, including the Ruby Editor and Debugger, and also provide scenarios for creating Ruby and Rails applications. Sit back, relax, and enjoy.

Creating Ruby and Rails Applications

Using the Ruby Editor

Testing and Debugging

My Ruby Learning Path: Constructing the Constructor

2007-11-27T16:09:18-08:00

When I started learning Ruby, all of the code samples that I looked at used positional arguments in the constructor, such as with the following code:

  def initialize(id, type, price)
    @id, @type, @price = id, type, price
  end

By positional arguments, I mean that the first argument must pass the id, the second must pass type, and the third must pass price. Having worked with C and Java, this feels very familiar, and so that is how I did it in my own code. However, when I posted my code samples to the dev@ruby.netbeans.org alias, a few developers suggested that I use a hash, like in the following code.

  def initialize(attributes)
    @id = attributes['id']
    @type = attributes['type']
    @price = attributes['price'].to_f
  end

I can see some advantages of using a hash instead of requiring arguments in a certain order. For one, with positional arguments, there is the possibility of passing the values in the wrong order. Another advantage of a hash is that if you add more attributes to a class, the constructor's signature does not change.

There was a bit of a debate about which version to use. Some developers like the constructor with positional arguments because it clearly documents the intent of the class. Others feel that keyword arguments, along with RDoc, make the code more clear than depending on argument ordering to convey meaning. Comparing the two types of method invocations, I have to agree that the hash seems easier to read.

  Item.new 'id' => 'ABC', type' => 'book',  'price' => 17

  Item.new 'ABC', 'book', 23

How about you? What are your preferences? Do you carry it even further? Would you ever consider doing something like this?


  def initialize(&block)
    instance_eval &block
  end

  item = Item.new do
    self.id = 'ABC'
    ...
  end

Do you know of scenarios where it might be appropriate to use code like this?

  def initialize(attributes)
    @attributes = attributes.with_indifferent_access
  end
 
  def method_missing(symbol, *args)
    @attributes[symbol] ? @attributes[symbol] : super
  end

Charles Nutter has blogged about how to extend Class with a field-initializing 'new' method. Jay Fields posted in his blog code forcreating constructors that can take either positional arguments or a hash. For someone starting out with Ruby, I find these latter methods a bit uncomfortable, but it does save a bit of finger work. What do you think?

Getting Started With NetBeans Ruby and Rails

2007-11-26T18:02:13-08:00

Do you need help getting started with NetBeans Ruby? If so, we have three learning trails to get you going. Our first trail gives you a whirlwind tour of the NetBeans Ruby and Ruby on Rails environment. The second trail provides the nuts and bolts for creating a basic Ruby on Rails application. The third trail is an all-in-one lesson for working with Ruby and Java applications. You can start at whatever trail best meets your needs.

Trail 1: Getting Started

Trail 2: Creating a Ruby on Rails Application

Trail 3: Integrating Ruby and Java Development

Mixing Java and Ruby Applications

Getting Your Feet Wet With Java in JRuby

2007-11-13T15:35:00-08:00

If you haven't tried calling Java classes from a JRuby application yet, here is a simple code snippet to get you started. Paste the following code into the Ruby shell (JRuby IRB), press Enter, and a small desktop app opens (To open the Ruby shell in the NetBeans IDE, choose Ruby > Other > Ruby Shell (IRB) from the main menu). This code is an updated version of an example in the JRuby and the Java Platform article.

Note: A current known bug causes the JRuby IRB to report an ExitSecurityException, this bug does not affect the output.

Code Sample: Using Java Classes in the IRB Console

include Java

import javax.swing.JFrame
import javax.swing.JLabel
import javax.swing.JPanel
import javax.swing.JButton
import java.awt.BorderLayout

frame = JFrame.new
panel = JPanel.new
panel.layout = BorderLayout.new
panel.background = java.awt.Color::white
frame.get_content_pane.add(panel)
frame.default_close_operation = JFrame::EXIT_ON_CLOSE
button = JButton.new "Click Me"
text = JLabel.new "I'm a Simple Program"

panel.add(BorderLayout::CENTER, text)
panel.add(BorderLayout::SOUTH, button)

class Click
    include java.awt.event.ActionListener

    def initialize(button, text)
        @button, @text = button, text
        @click_me_mode = true
    end

    def actionPerformed(event)
        source = event.source
        if (source == @button)
            if (@click_me_mode)
                @text.text = "Button Clicked"
                @button.text = "Click Again"
                @click_me_mode = false
            else
                @text.text = "I'm a Simple Program"
                @button.text = "Click Me"
                @click_me_mode = true
            end
        end
    end
end

button.add_action_listener(Click.new(button, text))
frame.title = "Example"
frame.pack
frame.visible = true

The IRB is a nice way to test out your code. However, with the NetBeans IDE, it is just as easy to test out code in a scratch program. To see what I mean, right-click in the NetBeans Projects window and choose New > Project. In the New Project wizard, select Ruby in the Categories pane, select Ruby Application in the Projects pane, and click Next. Name the project Scratch (or whatever you want) and click Finish. The main.rb file opens in the editor.

Replace the contents of the main.rb file with the code sample. Then click the Run Main Project button in the main toolbar (the green arrow) to run the application.

As you can see by the following screenshot, the advantage of testing your code in a scratch project as opposed to using the IRB is that you get syntax coloring and all the other wonderful NetBeans Ruby editing features.

To learn about the editing features, see the NetBeans Ruby Editing wiki page, or look at Tor's screenshot of the week entries, such as Ruby Screenshot of the Week #18: Errors and Snippets (as of today, he is up to screenshot #23). We are also working on a getting started guide that will cover some of the editing features. Last, you can watch Roman's Editing screencast.

There are a couple of FAQs that you might find helpful

You also might want to check out the Swing with JRuby: Developing a Desktop Application with the JRuby and Java Swing APIs tutorial that was written by Sun campus ambassador Teera Kanokkanjanarat.

Help Us Design Our Docs Pages

2007-11-12T13:38:48-08:00

We are redesigning the documentation lists and learning trails to include more than just written articles and tutorials. We are asking for your help in coming up with a design that works best for you. Below are links to four designs. Please take a look at each of the designs in terms of identifying the media type for a title.

Of the four, which page (v1, v2, v3, or v4) do you think makes it easiest to find what you are looking for in the desired media? Please briefly explain the benefits of that page and why you prefer it over the others.

Which page (v1, v2, v3, or v4) do you think is the worst for finding information in the desired media? Please briefly explain why you rate it last.

So as to not bias other people's opinions, please do not post your feedback as a comment. Instead, send your response to nbdocsfeedback@emailias.com

Thank you very much for your time. Hopefully your input will make it easier to find the right docs at the right time.

NetBeans Ruby Shortcuts

2007-11-07T11:16:18-08:00

The other day, Tor Norbye sent us an email listing some NetBeans Ruby navigation shortcuts, which we thought we'd highlight in the blog. We did a little further research on the subject and also list here some favorite user shortcuts that we undercovered.

(For a complete list of NetBeans Ruby Keyboard Shortcuts, see Ruby Shortcuts).

Navigation Shortcuts

Navigation is important - jumping between files and their tests, or between Rails actions and views. Here are some navigation shortcuts:

If you're in a controller file, and realize you need to modify its corresponding view, press Ctrl-Shift-A (Command-Shift-A on the Mac) to jump to it. Press again to go in the opposite direction.

Similarly, if you're in a Rails controller file (for example) and want to go edit its unit test, hit Ctrl-Shift-T (Command-Shift-T on the Mac) to jump to it - and again to jump back.

User Favorite Shortcuts

Here are some more frequently used shortcuts.

Action	Shortcut	Mac Shortcut
Show code completion alternatives	Ctrl-Space. If Ctrl-Space does not work for your language, try using Ctrl-\	Ctrl-Space
Open File by name prefix (not path)	Alt-Shift-O	Ctrl-Shift-O
Show name of current parameter (when editing an argument list for a method call)	Ctrl-P	Command-P
Format Code	Alt-Shift-F	Ctrl-Shift-F
Reformat the current comment paragraph	Ctrl-Shift-P	Command-Shift-P
Jump to matching parenthesis / brace / bracket, or other matching	Ctrl-[	Command-[
Show Documentation	Ctrl-Shift-Space	Command-Shift-Space

NetBeans Shortcuts

You can download a shortcut card that lists the highlights of the NetBeans IDE 6.0 keyboard shortcuts and code templates. In the NetBeans IDE, choose Help > Keyboard Shortcuts Card from the main menu. Similarly, you can view the shortcuts online from the NetBeans IDE 6.0 Keyboard Shortcuts Specification.

Confessions of a NetBeans Ruby User

2007-11-02T09:02:12-07:00

Teera Kanokkanjanarat is a Sun campus ambassador who recently contributed the tutorial Swing with JRuby: Developing a Desktop Application with the JRuby and Java Swing APIs. Here we interview Teera to find out more about his interest in NetBeans Ruby.

First, tell us a little bit about yourself.

I've been working as a freelance software developer for about 8 years ever since finishing high school. My work mainly focuses on the web platform with various technologies ranging from Java, ASP.NET, PHP, and recently I got started on Ruby and Rails. Since November 2006, I've been hired by Sun as a campus ambassador at Simon University in British Columbia, Vancouver, where I'm completing my degree in Computing Science and Business Administration.

What is your interest in Ruby?

Coming from the strongly-typed language world of Java and C#, I find the flexibility and dynamic of the Ruby language to be very interesting. I believe that the productivity of developers has a heavy impact on the cost of software projects. I often find that I waste time waiting for the project to compile and re-deploy to web or application servers. So that's the first thing I found really appealing when I started working with the Ruby and Rails framework. Ruby seems to gain a lot of momentum on the web platform with the Rails framework. Now I'm more interested in the future of Ruby as a rich client on the desktop.

How did you learn Ruby?

I started out on Hal Fulton's The Ruby Way book to learn the Ruby language itself and the Ruby way of doing things. I often watch screencasts and vodcasts for techniques on learning Rails. I'm also a member of the Vancouver Ruby and Rails user group, where I attend monthly meetings. This is an interesting group; as a Java guy, I learn so much from others who work with Ruby on a daily basis.

What do you like and dislike about Ruby?

The Ruby language itself is beautiful. There are not many programming languages that are as intuitive and give me that "wow this is cool stuff!" sort of thrill. Of course, this is also because of Ruby's coding conventions and key principles.

I actually did a small experiment re-creating one of my old, small Java-based web projects with Ruby on Rails. I found that the entire project on RoR actually contains fewer lines of code than that in the previous version's configuration files!

In my opinion, performance and deployment are still the key issues of Ruby. JRuby and other initiatives are really aiming on these two issues.

How has NetBeans helped you build Ruby apps?

I tried RadRails, TextMate, and InstantRails. Yet, I like Netbeans Ruby support the most, especially in code editing, the Ruby debugger, and the auto-complete capability. Netbeans is tightly integrated with JRuby as well.

Tell us about the NetBeans Ruby app you are currently building?

I'm developing JSF web components for one of the my clients. There's future planning to release these components in rich client version (Swing and SWT). I'm doing an experimental project on how to leverage JRuby for developing these desktop components.

What was your favorite experience as a Sun ambassador?

Meeting with people! I made a lot of friends from around the world through this program. I also learned a lot from talking to people when I do evangelizing work, whether it's a tech demo or a presentation at a user group. Nothing beats learning from those who do real work out there in the field.

What are some things you like to do outside school and work?

I started a small coffee shop back when I was 19 and opened up a day-spa with my sister about two years ago. Both of them are in Thailand. So, I'm helping my sister run them remotely.

Where do you see yourself in five years?

Completing my degree is my first priority (it has been delayed several times due to my work). After finishing my term at Sun at the end of this year, I'll be joining Business Objects as a software developer. In the next five years, I might do another startup if there some good ideas come along, but things change, you never know.

Ruby Getting Started Draft Available for Review

2007-10-30T18:00:43-07:00

We have posted a draft of the first 2 sections of the Getting Started With Ruby and Rails tutorial. If you can take some time to look it over and give us feedback, please do.

For those of you who are new to using the NetBeans Ruby support, we would like to know:

How is it so far for getting you started with using the product?
Were the steps clear and complete? Did you stumble or have to try a step more than once to get it to work?
Is it too much for introductory material? If so, what to remove. If not enough, what to include.
Looking at the proposed table of contents, does it appear it will be complete? Too much?

For those of you who are experienced with Ruby, can you look for incorrect terminology or misinformation? Are the code examples ok?

To provide feedback on this tutorial, please send corrections, suggestions, and comments to the NetBeans Ruby Developers mailing list at dev@ruby.netbeans.org. Put "Getting Started Draft Feedback" in the subject line.

Community-Contributed NetBeans Ruby Docs

2007-10-29T11:06:26-07:00

In this blog, we would like to acknowledge two NetBeans Ruby community-contributed tutorials:

Swing with JRuby: Developing a Desktop Application with the JRuby and Java Swing APIs by Teera Kanokkanjanarat
Ruby Development on Netbeans 6 by Amit Kumar Saha

Thanks to Teera and Amit, we have a richer documentation set, which you can view in its entirety on the NetBeans Ruby Tutorials and Screencasts page.

If you are interested in contributing documentation to the NetBeans Community, consider joining the dev@userguide.netbeans.org email alias. This alias is for community members who want to not only contribute documentation but also provide input and feedback regarding existing NetBeans documentation. You can sign up for the alias as follows:

Go to the NetBeans Mailing Lists Page
Log on with your user name. If you don't have a user name, click Login and then register for a login name.
Scroll to the dev@usersguide.netbeans.org mailing list.
Click subscribe to send a subscription request.

Got Ruby Questions?

2007-10-19T10:30:10-07:00

Next week (October 22 - 26) you will have the opportunity to submit written questions about all things NetBeans to a team of NetBeans evangelists, including Ruby technology evangelist Brian Leonard.. You can submit a question any time during that week, and the evangelists will try to answer as many questions as possible. They will also post a selected set of questions and answers. To learn more, visit the Ask the Experts events page.

Chart for NetBeans Ruby Database Access Setup

2007-10-15T13:07:14-07:00

I have written both an installation and configuration article and an accessing databases FAQ for projects built using NetBeans Ruby support. However, because there are lots of different configuration paths, and each path requires some in-depth information, neither of these documents make it easy to quickly figure out what you must do to set up your Rails project to access your database server. I created this chart to hopefully make the steps simpler, and more clear. If you need more details, then consult the two documents that I mention above.

Steps for Accessing Databases Using NetBeans Ruby Support

Using JRuby

Using MySQL

Using JDBC
Do:  Put the MySQL JDBC 3.0 compliant driver in netbeans-install-dir/ruby1/jruby-1.0.1/lib.
Do:  Select the database server from the drop-down list in the New Project wizard.
Do:  Select the Access Database Using JDBC checkbox in the New Project wizard.

Using the Bundled MySQL Adapter
Do: Select the database server from the drop-down list in the New Project wizard.
Do: Clear the Access Database Using JDBC checkbox in the New Project wizard.

Not Using MySQL

Do: Put database's JDBC 3.0 compliant driver in netbeans-install-dir/ruby1/jruby-1.0.1/lib
Do: Select the database server from the drop-down list in the New Project wizard.
Do: Select the Access Database Using JDBC checkbox in the New Project wizard.
Notes: Currently, the supported databases are: MySQL, PostgresSQL, Oracle, HSQLDB, and Java DB (also known as Derby). The database's JDBC driver must be a pure Java driver. If you are deploying to GlassFish, you must also put a copy of your database server's JDBC driver in glassfish-install-dir/lib and start (or restart) the GlassFish server.

Using Native Ruby

Using MySQL

Using the Bundled MySQL Adapter
	Do: Select the database server from the drop-down list in the New Project wizard. Do: Clear the Access Database Using JDBC checkbox in the New Project wizard.

Using a MySQL Gem
	Do: Consult Ruby on Rails MySQL page. Download and install appropriate software. Do: Select the database server from the drop-down list in the New Project wizard. Do: Clear the Access Database Using JDBC checkbox in the New Project wizard.

Not Using MySQL
	Do: Consult the Ruby on Rails Database Drivers page. Download and install appropriate software. Do: Select the database server from the drop-down list in the New Project wizard. Do: Clear the Access Database Using JDBC checkbox in the New Project wizard.

All

Do: Edit database.yml to specify username, password, and, if necessary, database name.

Generating Rails Models

2007-10-09T13:34:05-07:00

Our NetBeans Ruby tutorials show how to use the Rails Generator dialog box to add models to a Ruby on Rails web application. We show one step that uses the Rails Generator wizard to create the following:

Model File: This file contains the model's unique methods and business rules.
Initial Migration Files: Migration file for creating the database table. You run the migration files to create and modify the database table, and to back out changes
Unit Text Files: Files for testing your development.

In the subsequent step we have you edit the migration file to specify the column names and types. Did you know that you can can create the model and edit the migration file in one step by passing arguments in the Rails Generator? For example, let's say that I wanted a categories database table. I can right-click the project's node and choose Generate. In the Rails Generator wizard, I choose model from the Generate drop-down list. Then, I enter the following text in the Argument text box, and click OK to create the files:

Category name:string description:text level:integer created:timestamp icon:binary

The arguments list begins with the model name and is followed by column-name:type parameters. The type can be one of :string, :text, :integer, :float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean. To learn more about model arguments, see the TableDefinition API.

After the IDE finishes creating the files, I can click on the create db/migrate/002_create_categories.rb link in the Rails Generator tab in the Output window to open the file in the editor. The contents looks like this:

class CreateCategories < ActiveRecord::Migration
  def self.up
    create_table :categories do |t|
      t.column :name, :string
      t.column :description, :text
      t.column :level, :integer
      t.column :created, :timestamp
      t.column :icon, :binary
    end
  end

  def self.down
    drop_table :categories
  end
end

Once you have a migration file set up, you can move your application to another machine and have the IDE create the tables automatically. The same is true for database changes. With the up and down methods, you can quickly add or back out changes. Migrations also make it easier to switch to a different database server, say from JavaDB to MySQL.

Note: If you have an existing database, and you want to quickly create migration files, right-click the project node and choose Run Rake Task > db > schema > dump. The IDE writes the schema for your database to Database Migration > schema.rb. You can copy the create statements from the schema dump into migration files.

Using jMaki 1.0 With NetBeans Ruby

2007-09-26T12:01:06-07:00

The jMaki 1.0 framework, with support for Java, PHP, and Ruby, was released yesterday. Last week, Arun Gupta posted a screencast showing how to use jMaki wrappers of button and table widgets from Dojo and Yahoo frameworks in a Ruby on Rails application built using the NetBeans 6.0 Beta IDE.

With Arun's permission, I am supplying the steps to recreate a similar jMaki on Rails project. To save steps, I changed the order a bit. If you don't already have NetBeans Ruby Support, go to the Installing and Configuring Ruby Support tutorial for instructions.

Before you begin, create the database for this Rails application. You need a database server that is supported by JRuby, such as MySQL, Java DB, PostgresSQL, Oracle, or HSQLDB. Add a database instance named rorjmakitables_development. For example, for MySQL, start the server and type the following at a command prompt.
```
mysqladmin -u root -p create rorjmakitables_development
```
If you don't need a password, omit the -p.
If you haven't already, download the jMaki NetBeans plugin (This is org-netbeans-modules-sun-jmaki.nbm. The installer tells me it is version 1.6.11, and the info.xml in the NBM says its release date is Sept. 25, 2007).
To install it into the IDE, complete the following steps:
1. In the IDE, choose Tools > Plugins from the main menu.
2. Click the Downloaded tab and click Add Plugins.
3. Navigate to and select the downloaded org-netbeans-modules-sun-jmaki.nbm module, then click Open.
4. Click Install, and click Next.
5. Select the radio button to accept the license agreement and click Install.
6. Select Restart IDE Now and click Finish.
To create a new Ruby on Rails project, complete these steps:
1. Right-click on a blank spot in the Projects window, and choose New Project from the pop-up menu.
2. Select Ruby in the Categories pane, select Ruby on Rails Application in the Projects pane and click Next.
3. If you have other Ruby installations in your path besides the bundled JRuby installation, you are asked to choose a Ruby interpreter. This dialog only pops up the first time the IDE needs to access the interpreter. For this tutorial, choose JRuby and then click Close. Note that this choice affects all Ruby projects. You can switch this setting whenever you want. See Installing and Configuring Ruby Support to learn how.
  
  If you have configured the IDE to not use JRuby, please use the Options wizard to switch back to JRuby for this tutorial, as described in Installing and Configuring Ruby Support.
4. Type rorjmakitables, and accept the default location or, optionally, enter a different path.
5. Choose a Database from the drop-down list. Your choice specifies how to set up the database.yml file. This tutorial uses MySQL.
  
  At the time of this writing, Java DB is not on the list, but it probably will be added later. So, if you are using the Java DB, and you don't see it on the list, don't bother selecting a database. You can edit the database.yml file instead. See Using Database Servers With JRuby for instructions.
6. With JRuby, if you don't use MySQL, you must select the Access Database Using JDBC checkbox. This causes the project to modify the environment.rb configuration file to use the ActiveRecord-JDBC gem. So, unless you are using MySQL, check this box.
7. Click Next.
8. Because you are using the bundled JRuby, which includes Rails, the wizard shows that Rails is already installed. The wizard gives you the option of updating the installed version, but let's skip that.
  
  Click Finish.
  
  The Generate Rails Project tab in the Output window shows all the folders and files that the IDE creates.
The IDE opens the database.yml file in the editor. Set the username for the development configuration, as shown below. If your database requires a password, set the password too.
```
  development:
  adapter: mysql
  database: rorjmakitables_development
  username: root
  password: root_password
  host: localhost
```
To add a controller, right-click the rorjmakitables project node in the Projects window, and choose Generate. Select controller from the Generate drop-down list, set the Name to say and set the View to table, then click OK.
In the Projects window, expand Configuration and double-click routes.rb to open it in the editor.
Add the following line above all the other map.connect entries.
```
  map.connect '', :controller => 'say', :action=>'table'
```
In the Projects window, expand Public, right-click index.html and choose Delete (or Rename if you would rather rename the file).
In the Projects window, expand Views, expand say, and double-click table.rhtml to open it in the editor.
On the right-side of the IDE is the Palette, as shown below. Expand jMaki Yahoo.
Drag a Button widget from the jMaki Yahoo section and drop it on the file.
Drag and drop a second Button widget.
Replace the widget code fragments with the following code.
```
<%= jmaki_widget 'yahoo.button',
  :value => { :label => 'Select 1',
  :action => { :topic => '/jmaki/table/select',
    :message => { :targetId => '1' }
  }
} -%>
<%= jmaki_widget 'yahoo.button',
  :value => { :label => 'Select 2',
  :action => { :topic => '/jmaki/table/select',
    :message => { :targetId => '2' }
  }
} -%>
```
These buttons use the jMaki publish/subscribe mechanism to publish to the /jmaki/table/select topic, which you will program two table widgets to listen to. The table widgets will select either the first row or the second row, depending on which button is clicked. For more details on how to use publish/subscribe, see Carla Mott's Widgets Talking To Widgets blog entry.
Drag a Data Table widget from the jMaki Yahoo section onto the file.
Expand jMaki Dojo and drag a Table widget from that section onto the file.

Both these widgets use the jMaki Table Data Model.

Add :subscribe=> "/jmaki/table", to each table widget, as shown in bold below, to make both tables listen to all the /jmaki/table topics.

(Important)Also, change the row data to include numeric ids, as shown in bold, so that they match the target ids in the button code. For the first row, you have to add :id= > '1',. For the second row, which already has the :id argument, simply change bar to 2.

<%= jmaki_widget 'yahoo.dataTable', :subscribe=> "/jmaki/table",
  :value =>
  {:columns => [
    { :label => 'Title', :id => 'title'},
    { :label => 'Author', :id => 'author'},
    { :label => 'ISBN', :id => 'isbn'},
    { :label => 'Description', :id => 'description'}
  ],
  :rows => [
    { :id=> '1', :title => 'Book Title 1', 
          :author => 'Author 1', :isbn => '4412', 
          :description => 'A Some long description'},
    { :id => '2', :title => 'Book Title 2', 
          :author => 'Author 2', :isbn => '4412', 
          :description => 'A Some long description'}
  ]
}
-%>
<%= jmaki_widget 'dojo.table', :subscribe=> "/jmaki/table",
  :value =>
  {:columns => [
    { :label => 'Title', :id => 'title'},
    { :label => 'Author', :id => 'author'},
    { :label => 'ISBN', :id => 'isbn'},
    { :label => 'Description', :id => 'description'}
  ],
  :rows => [
    { :id=> '1', :title => 'Book Title 1', 
          :author => 'Author 1', :isbn => '4412', 
          :description => 'A Some long description'},
    { :id=> '2', :title => 'Book Title 2', 
          :author => 'Author 2', :isbn => '4412', 
          :description => 'A Some long description'}
  ]
}
-%>

Click the Run Main Project button on the main menu (the green arrow). This starts the server and opens the table view in a browser.
Click the first button to select the first row, and click the second button to select the second row.
In order to display database data in the table, we must first create a model. In the Projects window, right-click the project node, and choose Generate from the pop-up menu.
Choose model from the Generate drop-down list, type grid in the Arugments text box, and click OK.
To define the model's data structure, expand Data Migrations in the Projects window, then expand migrate and double-click 001_create_grids.rb to open it in the editor.

Replace the up method with the code shown in bold.

class CreateGrids < ActiveRecord::Migration

 def self.up
    create_table :grids do |t|
      t.column :title, :string
      t.column :author, :string
      t.column :isbn, :string
      t.column :description, :string
    end
    Grid.create(:title=> 'Marathon',
       :author=> 'Jeff Galloway',
       :isbn=> '0936070250',
       :description => 'A running book for everybody');   
    Grid.create(:title=> 'The Runners Bible',
       :author=> 'Marc Bloom',
       :isbn=> '0385188749',
       :description => 'How to train, race, and get in shape');   
  end

  def self.down
    drop_table :grids
  end
end

To create the database table and populate it with the two rows of data, right-click the project node in the Projects window and choose Migrate Database > To Current Version from the pop-up menu.
Now you can define a variable that contains the data from the database table. In the Projects window, expand Controllers and double-click say_controller.rb to open it in the editor.

Replace the table definition with the following code shown in bold.

class SayController  < ApplicationController

  def index
    table
    render :action => 'table'
  end
 def table
    @rows_data = []
    Grid.find_all().each do |data|
      @rows_data  << { :id => data.id,
        :title => data.title,
        :author => data.author,
        :isbn => data.isbn,
        :description => data.description
      }
    end
  end
end

The above code defines the rows_data variable and initializes it to an empty array. It uses the active record to find all the rows from the database and, for each row, add a hash of the fields to the rows_data array.

Return to the table.rhtml view by right-clicking in the editor and choosing Navigate > Go To Rails Action or View.

Replace the static rows data in the table fragments with the @rows_data variable as shown in bold below.

<%= jmaki_widget 'dojo.table',
:value =>
{:columns => [
     { :label => 'Title', :id => 'title'},
     { :label =>'Author', :id => 'author'},
     { :label => 'ISBN', :id => 'isbn'},
     { :label => 'Description', :id => 'description'}
     ],
  :rows => @rows_data
  }
-%>
<%= jmaki_widget 'yahoo.dataTable',
:value =>
{:columns => [
     { :label => 'Title', :id => 'title'},
     { :label => 'Author', :id => 'author'},
     { :label => 'ISBN', :id => 'isbn'},
     { :label => 'Description', :id => 'description'}
     ],
  :rows => @rows_data
  }
-%>

Choose File > Save All from the main menu to save all your changes.
Go back to the browser and refresh the page. The data now comes from the database table.

There you have it! To learn more about jMaki, go to www.jmaki.com. To learn more about NetBeans support for Ruby, go to wiki.netbeans.org/wiki/view/Ruby.

Installing and Configuring NetBeans Ruby

2007-09-20T11:17:59-07:00

Netbeans Beta 1 was released Monday, and you can download a version of the IDE that contains Ruby support from the NetBeans IDE 6.0 Download Page. A good resource to help you get started is the new tutorial Installing and Configuring Ruby Support. This tutorial provides everything you need to know from downloading, installing, and configuring Ruby support, to working with databases, to deploying a JRuby application to Glassfish.

If you are creating Ruby on Rails applications, we have another new tutorial in that area, Building Relationships Between Rails Models. This tutorials enhances the tutorial Creating a Ruby Weblog in 10 Minutes. by enabling readers to add comments to a blog post. In particular, the new tutorial describes how to create a one-to-one and a one-to-many relationship between models in a NetBeans Ruby on Rails project.

If you are interested in contributing to NetBeans Ruby, please consider joining the Ruby mailing lists: dev@ruby.netbeans.org, used to discuss development of the Ruby features for NetBeans, and users@ruby.netbeans.org, for general support and discussions of NetBeans Ruby. To subscribe to and participate in the aliases, please visit the Mailing List page.