| Attributes | Values |
|---|
| type
| |
| Date Created
| |
| Date Modified
| |
| label
| - VirtInformixVisualStudioDataGridFormsApp
|
| maker
| |
| Title
| - VirtInformixVisualStudioDataGridFormsApp
|
| isDescribedUsing
| |
| has creator
| |
| attachment
| |
| content
| - %VOSWARNING%
%META:TOPICPARENT{name="VirtInformixEntityFrameworkUsage"}%
---+++Visual Studio Windows <nop>DataGrid Form Application
This article details the steps required to create a simple Visual Studio 2008 Windows Form application, with associated <nop>DataGridView control for displaying data in selected tables from the target database.
1 Launch the Visual Studio 2008 SP1 IDE.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp01.png" style="wikiautogen"/>%BR%%BR%
1 Create a <b>Web Application</b> project by going to the <b>File</b> menu in Visual Studio and choosing <b>New Project</b>. %BR%%BR%
1 When the New Project window appears, choose either <b>Visual Basic</b> or <b>Visual C#</b> as your programming language.%BR%%BR%
1 Within the language category, click on <b>Windows</b> and select <b>Windows Form Application</b> from the right-hand panel. %BR%%BR%
1 Choose a name for the project, for example <b><nop>VirtWindowsFormApplication</b>, and click <b>OK</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp02.png" style="wikiautogen"/>%BR%%BR%
1 In the <b>Toolbox</b>, expand <b>Data</b> Controls and drag the <b><nop>DataGridView</b> control onto the form.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp03.png" style="wikiautogen"/>%BR%%BR%
1 Click on the little <b>arrow</b> in the top right of the <b><nop>DataGridView</b> control. This loads the <b><nop>DataGridView Task</b> menu.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp04.png" style="wikiautogen"/>%BR%%BR%
1 Click on the <b>Choose Data Source</b> list box.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp05.png" style="wikiautogen"/>%BR%%BR%
1 Click on the <b>Add Project Data Source</b> link to connect to a data source.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp06.png" style="wikiautogen"/>%BR%%BR%
1 In the <b>Data Source Configuration Wizard</b> dialog <b>Choose Data Source Type</b> page, select the <b>Database</b> data source type and click <b>Next</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp07.png" style="wikiautogen"/>%BR%%BR%
1 In the <b>Data Source Configuration Wizard</b> dialog <b>Choose your Data Connection</b> page,select the <b>New Connection</b> button.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp08.png" style="wikiautogen"/>%BR%%BR%
1 In the <b>Choose Data Source</b> dialog, select the <b><nop>OpenLink Virtuoso Data Source</b> from the list and click <b>Continue</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp09.png" style="wikiautogen"/>%BR%%BR%
1 In the <b>Connection Properties</b> dialog, specify the <b>hostname</b>, <b>portno</b>, <b>username</b> and password for the target Virtuoso Server and check the <b>Save Password</b> check box.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp10.png" style="wikiautogen"/>%BR%%BR%
1 Select the <b>Select Database From List</b> radio button and choose <b>stores_demo</b> from the drop down list.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp11.png" style="wikiautogen"/>%BR%%BR%
1 Press the <b>Test Connection</b> dialog to verify that the database is accessible.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp12.png" style="wikiautogen"/>%BR%%BR%
1 Leave the default connect string name--<b>stores_demoConnectionString</b>--and click <b>Next</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp13.png" style="wikiautogen"/>%BR%%BR%
1 From the list of available tables returned for the stores_demo database, select the <b>msgs</b> table to be associated with the <b><nop>DataGridView</b> control.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp14.png" style="wikiautogen"/>%BR%%BR%
1 The columns names of the select table will be displayed in the the <nop>DataGridView.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp15.png" style="wikiautogen"/>%BR%%BR%
1 Resize the Form and <nop>DataGridView to allow all columns to be visible, if possible.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp16.png" style="wikiautogen"/>%BR%%BR%
1 To test the application, simply hit <b>Ctrl+F5</b> within Visual Studio or select <b>Start Debugging</b> from the <b>Debug</b> menu.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp17.png" style="wikiautogen"/>%BR%%BR%
1 The data from the <b>msgs</b> table will be displayed in the <b><nop>DataGrid</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp18.png" style="wikiautogen"/>%BR%%BR%
1 To make the <b><nop>DataGridView</b> updateable, you will need to manually add some code to the project along with a suitable control to invoke the code.%BR%%BR%
Drag a <b>Button</b> control onto the form.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp19.png" style="wikiautogen"/>%BR%%BR%
1 Right click on the Button and select <b>Properties</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp20.png" style="wikiautogen"/>%BR%%BR%
1 In the Properties view, edit the button's <b>Text</b> property to read <b>Save Changes</b> and its <b>(Name)</b> property to read <b>saveChanges</b>.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp21.png" style="wikiautogen"/>
<img src="%ATTACHURLPATH%/VirtInfDataGridApp22.png" style="wikiautogen"/>%BR%%BR%
1 The button will now update to reflect these changes.%BR%%BR%
NOTE: You will need to resize the button to make the new text visible.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp23.png" style="wikiautogen"/>%BR%%BR%
1 Double click the new button to generate the required event handler. It should take you directly to the area of code that will execute when the button is clicked.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp24.png" style="wikiautogen"/>%BR%%BR%
1 Edit the saveChanges_Click event handler code to include the following line.%BR%%BR%
<verbatim>
private void saveChanges_Click(object sender, EventArgs e)
{
this.msgsTableAdapter.Update(this.stores_demoDataSet.msgs);
}
</verbatim>
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp25.png" style="wikiautogen"/>%BR%%BR%
1 Now test the application again by hitting <b>Ctrl+F5</b>.%BR%%BR%
Scroll to the empty row at the bottom and enter data for a new row. Then, select <b>Save Changes</b> which will write the new row back to the database.%BR%%BR%
Updates and deletes can be performed similarly.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp26.png" style="wikiautogen"/>%BR%%BR%
1 You can use Interactive ISQL to test that the changes that have been written. Interactive ISQL Interface is detailed in the [[VirtINFLinkingObjects][Linking Informix tables into OpenLink Virtuoso]] section.
%BR%%BR%<img src="%ATTACHURLPATH%/VirtInfDataGridApp27.png" style="wikiautogen"/>%BR%%BR%
The task is now complete.
|
| id
| - 601dcbcc6750b037aab49d4eacaf0c5e
|
| link
| |
| has container
| |
| http://rdfs.org/si...ices#has_services
| |
| atom:title
| - VirtInformixVisualStudioDataGridFormsApp
|
| links to
| |
| atom:source
| |
| atom:author
| |
| atom:published
| |
| atom:updated
| |
| topic
| |
| is made
of | |
| is container of
of | |
| is link
of | |
| is http://rdfs.org/si...vices#services_of
of | |
| is links to
of | |
| is creator of
of | |
| is atom:entry
of | |
| is atom:contains
of | |
![[RDF Data]](/fct/images/sw-rdf-blue.png)
![[cxml]](/fct/images/cxml_doc.png)
![[csv]](/fct/images/csv_doc.png)
![[text]](/fct/images/ntriples_doc.png)
![[turtle]](/fct/images/n3turtle_doc.png)
![[ld+json]](/fct/images/jsonld_doc.png)
![[rdf+json]](/fct/images/json_doc.png)
![[rdf+xml]](/fct/images/xml_doc.png)
![[atom+xml]](/fct/images/atom_doc.png)
![[html]](/fct/images/html_doc.png)