View source for Netbeans/C2/Adding-a-File-Chooser/English

'''Title of script''': Adding a '''File Chooser''' to a Java Application

'''Author: Sindhu '''

'''Keywords: file chooser, JFileChooser, JFileChooser Demo, Swing Applications, video tutorial'''

[http://spoken-tutorial.org/wiki/images/9/93/Tutorial_7_-_Adding_a_File_Chooser_to_a_Java_Application-Resources.zip Resources for "Adding a File Chooser to a Java Application"]


{| style="border-spacing:0;"
| style="border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| <center>'''Visual Cue'''</center>
| style="border:0.05pt solid #000000;padding:0.097cm;"| <center>'''Narration'''</center>

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''Slide 1'''

'''Welcome'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Hello. 


Welcome to the tutorial on Adding a '''File Chooser''' to a '''Java''' Application.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''Slide 2'''

'''Lesson Outline'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In this tutorial, we will

* Create the application
* Create the application form
* Add the '''File Chooser'''
* Configure the '''File Chooser'''
* Run the application



|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''Slide 3'''

'''System Setup'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| For this demonstration, I am using the '''Linux''' Operating System, '''Ubuntu v12.04''' 


and '''Netbeans IDE v7.1.1'''

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''Slide 4'''

'''Introduction'''

* To add a '''file chooser''' to a '''Java''' Application
* using the '''javax.swing'''.'''JFileChooser''' component
* To create a small '''Java''' application
* that loads a '''.txt''' file into a Text Area


| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In this tutorial, we will learn to add a '''file chooser''' to a '''Java''' Application using the '''javax.swing'''.'''JFileChooser''' component.


As a part of this exercise, we will learn to create a small '''Java''' application that loads a '''.txt''' file into a Text Area.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''Creating the Application'''


From the '''Menu bar >>''' choose '''File >>''' '''New Project'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Let us first create the '''Java''' Application:

Launch the '''IDE'''.


From the main menu, choose '''File '''and '''New Project'''

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''In the New Project Wizard, select Java >> Java Application >> click Next'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Choose the '''Java''' category and the '''Java Application''' project type.


And click '''Next.'''

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the '''Project Name '''field, type '''JFileChooserDemo'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Project Name '''field, let's type '''JFileChooserDemo'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Uncheck the '''Create Main Class''' checkbox.
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Clear the '''Create Main Class''' checkbox.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Point to / Check the '''Set as Main Project '''checkbox
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Make sure that the '''Set as Main Project''' checkbox is selected.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Click '''Finish'''.
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Click '''Finish'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| '''''Creating the Application Form'''''


In the '''Projects '''window >> right-click '''Source Packages '''node >> '''New '''>> '''Other'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Here, we will create the '''JFrame''' container and add a few components to it.


Right click on the '''Source Packages''' node.


Choose '''New''' > '''Other'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Choose '''Swing GUI forms '''>> '''JframeForm'''


Click '''Next'''.
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Choose the '''Swing''' '''GUI Forms''' category and the '''JFrameForm''' type.


Click '''Next'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the class name field, type >> '''JfileChooserDemo'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| For Class Name, type '''JFileChooserDemo'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the '''Package '''field, type >> '''jfilechooserdemo.resources >>'''

'''Click Finish.'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the Package field, type '''jfilechooserdemo.resources'''.


Click '''Finish'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the '''Properties '''window >> select '''Title '''property >> type>> '''Demo Application '''>> Press Enter
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Properties''' window, select the '''Title''' property. 


And type '''Demo Application.'''


Press '''Enter''' to confirm.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Focus on Palette manager >> on RHS of IDE
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Palette''', open the '''Swing''' '''Menus''' category.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| ''To add components to the JFrame Form''


In the palette >> select '''Menu Bar '''component >> drag and drop onto jframe
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Select the '''Menu Bar''' component and drag it to the top left corner of the '''Jframe'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the jframe >> right-click on '''Edit '''menu item >>click '''Delete'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Right-click the '''Edit''' item of the '''Menu Bar''' component.


Select '''Delete''' in the context menu.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Next let us add a menu item that allows to open the '''FileChooser''' from the running application.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Click on the '''Menu Bar '''in the Design view to keep it selected
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Make sure the '''Menu Bar '''is selected before you drag another '''Menu Item '''here.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the palette >> '''Swing menus''' category >> select '''Menu Item '''>> drag and drop onto '''File''' menu item in the jframe
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Swing''' Menus category in the '''Palette''', select a new '''Menu Item (JmenuItem1).''' 


Drag it to the '''Menu Bar''', and drop it onto the '''File''' item of the '''Menu Bar'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the jframe >> right-click on '''jMenuItem1''' >> choose '''Change Variable Name '''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Right click '''jMenuItem1''' in the '''Design''' view. 


Choose '''Change Variable Name''' from the context menu.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Rename item >> '''Open '''>> click '''OK'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Rename the item to '''Open''' and click '''OK'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Click on >> '''jMenuItem1 '''>> press space bar
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Make sure that the '''jMenuItem1''' is still selected in the '''Design''' view.

Press the '''Space bar''' to edit the text of the component.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Type >> '''Open '''>> press enter
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Change the text to '''Open''' and press '''Enter''' to confirm.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Right-click on '''Open '''>> choose '''Events '''>> '''Action '''>> '''action Performed'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Specify the action handler for the '''Open''' menu item.


Right click the '''Menu Item''' '''Open '''and choose '''Events,''' '''Action,''' '''Action Performed''' from the context menu.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Mode changes to Source view
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| The GUI Builder automatically switches to the source view.


A new event handler method''' OpenActionPerformed()''' is generated.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Design '''button on top of workspaceClick on '''Design '''button on top of workspace
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Let us switch back to the '''Design '''view. 


Let's add a menu item to exit the '''File Chooser.''' 




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the palette >> '''Swing Menus '''category >> select '''Menu Item '''>> drag and drop below '''Open '''menu item in jframe
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Palette''', choose '''Swing Menus '''category.


Select '''Menu Item '''('''JmenuItem1''').


Drag it to the '''Menu Bar '''below the '''Open '''menu item on the form.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Drag '''jMenuItem1 '''to a position below the '''Menu Bar '''until you notice the dotted orange line below the '''Open '''menu item
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Notice the orange highlighting that indicates where the '''JmenuItem1''' is going to be placed.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Right-click on jMenuItem1 >> choose '''Change Variable Name '''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Right click '''jMenuItem1''' in the '''Design''' View.


Choose '''Change Variable Name''' from the context menu.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Type >> '''Exit '''>> click '''OK'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Rename the item to '''Exit''' and click on '''OK'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Click on''' '''>>''' jMenuItem1 '''>>''' '''press space barMode changes to Source view
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Make sure that the '''jMenuItem1''' is still selected in the '''Design''' View.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Press space bar
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Press the '''Space bar''' to edit the text of the component

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Type >> '''Exit '''>> press enter
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Change the text to '''Exit''' and press '''Enter''' to confirm.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Right-click on '''Open '''>> choose '''Events '''>> '''Action '''>> '''action Performed'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Specify the action handler for the '''Exit''' menu item.


Right click the menu item '''Exit.'''


Choose '''Events''', '''Action,''' '''Action Performed()''' from the context menu.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Mode changes to Source view
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| The '''GUI Builder''' automatically switches to the '''Source''' view.


A new event handler method named '''ExitActionPerformed() is generated'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Focus on '''ExitActionPerformed '''>> in the Navigator/Inspector window on LHS of IDE
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| The '''ExitActionPerformed''' node appears in the '''Navigator''' window below the '''OpenActionPerformed()''' node.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| choose '''Window''' > '''Navigating''' > '''Inspector''' (or '''Navigator''')
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| If you cannot view your '''Navigator''', 


go to the '''Window '''menu in the menu bar, 


choose '''Navigating '''and '''Navigator.'''

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Here, you can see the '''ExitActionPerformed '''node appearing above the '''OpenActionPerformed''' node.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the '''Source '''mode>> under '''ExitActionPerformed '''>> type '''System.exit(0);'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| To make the '''Exit''' menu item work, 


let us include the statement '''System.exit(0); '''into the '''ExitActionPerformed()''' method body.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Design '''button on top of workspace
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Switch back into '''Design''' mode.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the palette >> '''Swing Controls '''category >> select '''Text Area '''>> drag and drop onto jframe form
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| From the '''Swing''' '''Controls''' category of the '''Palette''', drag a '''Text Area (JtextArea)''' onto the form.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Resize the text area >> click on handlers >> drag to resize
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Resize the added component to make room for the text displayed by the '''File Chooser''' later.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Right-click on text area item >> choose '''Change Variable Name '''>> type '''textarea'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Rename the variable as '''textarea'''.


Let us next add the actual '''File Chooser'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| choose '''Window''' > '''Navigating''' > '''Inspector''' (or '''Navigator''')
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| If your '''Navigator''' window is not open, choose '''Window,''' '''Navigating''', '''Inspector (or Navigator)''' to open it.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the navigator >> right-click on '''Jframe '''node
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Navigator''', right click the '''Jframe''' node.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Choose''' Add From Palette '''>''' Swing Windows '''>''' File Chooser'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Choose '''Add From Palette,''' '''Swing Windows''', and''' File Chooser''' from the context menu.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the navigator >> focus on '''jFileChooser '''item
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| You can notice in the '''Navigator''' that a '''JfileChooser''' was added to the form.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Right-click on '''jfileChooser''' node>> choose '''Change Variable Name '''>> type '''fileChooser'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Right click the '''JfileChooser''' node and rename the variable to '''fileChooser'''.


Click '''OK.'''

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| We have now added the '''File Chooser'''. 


The next step is to configure the '''File Chooser '''to display the title that you want.


We will also add a '''custom file filter''', and integrate the '''File Chooser '''into your application.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| ''Configuring the File Chooser:''

''implementing the Open Action''


in the navigator window >> click on '''JfileChooser''' >> focus on Properties window on RHS
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Click to select the '''JfileChooser''' in the '''Navigator''' window.


Now let's edit its properties in the '''Properties''' dialog box.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Select '''dialogTitle '''property >> type '''This is my open dialog''' >> press enter
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Properties '''window below the '''Palette''', 


change the ''''dialogTitle'''' to ''''This is my open dialog''''. 


Press '''Enter''' to confirm.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Now switch to the '''Source''' mode.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Show code snippet in gedit


Refer file: OpenActionPerformed.java
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Now, to integrate the '''FileChooser''' into your application. 


I have an existing code snippet, which I will copy and paste into the existing '''OpenActionPerformed()''' method.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Narration only
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| This example reads the file contents and displays them in the '''TextArea'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Highlight line >> '''getSelectedFile()''' >> in code snippet 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| We will now call the '''FileChooser's getSelectedFile() '''method to determine which file the user has clicked.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| copy >> paste inside '''OpenActionPerformed() '''method



| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| I will copy this code onto my clipboard, and in the '''Source '''view of the '''IDE''', paste it inside the '''OpenActionPerformed '''method.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| If errors >> right-click in source editor >> select >> Fix Imports
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| If the editor reports errors in your code, right click anywhere in the code and select '''Fix Imports'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Switch to deign mode >> select '''FileChooser '''in navigator window
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Now, let us add a custom file filter that makes the '''File''' '''Chooser''' display only '''.txt''' files.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Switch to the '''Design '''mode >> in the Navigator window >> click on '''FileChooser'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Switch to the design mode and select the '''FileChooser''' in the Navigator window.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Focus on properties window on RHS >> select '''File Filter''' property >> click the ellipsis button 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Properties''' window, click the ellipsis button next to the '''File Filter''' property.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the '''File Filter''' window >> select '''Custom code'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''File Filter''' dialog box, select '''Custom Code''' from the combo-box.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the text field >> type>> '''MyCustomFilter() '''>> click '''OK'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Type '''new''' '''MyCustomFilter()''' in the text field. 


Click '''OK'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| To make the custom code work, we will write the '''MyCustomFilter '''class.


This inner or outer class will extend the '''FileFilter '''class.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Show code snippet >> copy >> paste in the source editor below import statements


(refer file: MyCustomFilter.java)
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| I will copy and paste this code snippet into the source of our class below the import statements.


This inner or outer class will extend the '''FileFilter '''class.




|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| ''Running the application''


right click on '''JfileChooserDemo''' project node >> select '''Run'''
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Right click the '''JFileChooserDemo''' project in the Project window, and select '''Run''' to start the sample project.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the Run Project window >> select '''jfilechooserdemo.resources.JFileChooserDemo '''>> click OK
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the '''Run Project '''dialog box, select the '''jfilechooserdemo.resources.JFileChooserDemo '''main class.


Click '''OK'''.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| In the Demo Application window >> choose File menu >> Open 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In the running '''Demo Application''', choose '''Open''' in the '''File''' menu to trigger the action.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Select any '''.txt '''file on your system to open 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Open any text file to display its contents in the text area.


Let me select the '''Sample.txt '''file, and choose '''Open.'''

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| 
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| The fileChooser displays the contents of the text file.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| To close >> select File >> Exit
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| To close the application, select '''Exit''' in the '''File''' menu.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Summary



| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| In this tutorial, you learnt to,

* Add a file chooser to a Java application

and

* Configure the file chooser



|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Assignment
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| As an assignment, use the same demo project we have created and add the following features:

* Add a Save menu item under the menu bar
* Add keyboard short-cuts for all the menu items
* Add a code snippet to the '''Save '''action, to save the file.



|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Show assignment
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| I have already created a similar assignment, where the filechooser displays the '''Save '''option under the '''File '''menu,


and gives you the option to save the text file which you open.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| About the Spoken Tutorial Project
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Watch the video at the link shown on the screen.


It summarizes the Spoken Tutorial project.


If you do not have good bandwidth, you can download and watch it.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Spoken Tutorial Workshops
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| The Spoken Tutorial Project Team

* Conducts workshops using Spoken Tutorials
* Gives certificates to those who pass an online test
* For more details, please write to [mailto:contact@spoken-tutorial.org contact@spoken-][mailto:contact@spoken-tutorial.org tutorial.org]



|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| Acknowledgements
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is a part of the Talk to a Teacher Project.


It is supported by the National Mission on Education through ICT, MHRD, Government of India.


More information on this Mission is available at the link provided here.

|-
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:none;padding:0.097cm;"| About the contributor
| style="border-top:none;border-bottom:1pt solid #000000;border-left:1pt solid #000000;border-right:1pt solid #000000;padding:0.097cm;"| This tutorial has been contributed by IT for Change. Thanks for joining.

|}