Web Application Generator

Labels
AJAX(112) App Studio(7) Apple(1) Application Builder(245) Application Factory(207) ASP.NET(95) ASP.NET 3.5(45) ASP.NET Code Generator(72) ASP.NET Membership(28) Azure(18) Barcode(2) Barcodes(3) BLOB(18) Business Rules(1) Business Rules/Logic(140) BYOD(13) Caching(2) Calendar(5) Charts(29) Cloud(14) Cloud On Time(2) Cloud On Time for Windows 7(2) Code Generator(54) Collaboration(11) command line(1) Conflict Detection(1) Content Management System(12) COT Tools for Excel(26) CRUD(1) Custom Actions(1) Data Aquarium Framework(122) Data Sheet(9) Data Sources(22) Database Lookups(50) Deployment(22) Designer(177) Device(1) DotNetNuke(12) EASE(20) Email(6) Features(101) Firebird(1) Form Builder(14) Globalization and Localization(6) How To(1) Hypermedia(2) Inline Editing(1) Installation(5) JavaScript(20) Kiosk(1) Low Code(3) Mac(1) Many-To-Many(4) Maps(6) Master/Detail(36) Microservices(4) Mobile(63) Mode Builder(3) Model Builder(3) MySQL(10) Native Apps(5) News(18) OAuth(9) OAuth Scopes(1) OAuth2(13) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(11) PKCE(2) Postgre SQL(1) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(183) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(81) SharePoint(12) SPA(6) SQL Anywhere(3) SQL Server(26) SSO(1) Stored Procedure(4) Teamwork(15) Tips and Tricks(87) Tools for Excel(2) Touch UI(93) Transactions(5) Tutorials(183) Universal Windows Platform(3) User Interface(338) Video Tutorial(37) Web 2.0(100) Web App Generator(101) Web Application Generator(607) Web Form Builder(40) Web.Config(9) Workflow(28)
Archive
Blog
Web Application Generator
Monday, June 25, 2012PrintSubscribe
Staying in Sync

The Synchronize with Designer action selects the node in the Project Explorer corresponding to the selected item in the Designer window, allowing easy location of items and a quick way to orient yourself in the project configuration hierarchy.

Synchronize with Designer icon on the Project Explorer toolbar.

For example, double-click on Customers / Orders / container1 / view1 node.

View1 on the Orders page.

The properties page for the view will open in the Designer window.

Data View property page with Sync button on the action bar.

In the Project Explorer, switch to the User Controls tab, and highlight Welcome user control.

Welcome user control highlighted.

Click on the Synchronize button on the Project Explorer, the Sync action on the Designer action bar, or press “Ctrl+.” keyboard shortcut (“Control” key pressed simultaneously with “period” key).

Synchronize button on the Project Explorer toolbar. 

The Project Explorer will switch to the Controllers tab, and highlight the view1 node that was open in the Designer window.

Synchronize button shifts the focus back to view1.

The Sync action is also available on the context menu in the lists of project configuration elements.

Sync context menu option on container2 from the list of containers.

Clicking on the Sync action will select the relevant node in the Project Explorer.

image

Focus can be switched between Designer window and Project Explorer tree by pressing “F4” keyboard shortcut.

Tuesday, June 19, 2012PrintSubscribe
Multiple Edit Forms

Different edit forms can be used depending on the field values of a record. For example, the Customers table has a Postal Code column.

Customers edit form with Postal Code label.

Customers in the United States refer to the Postal Code as a “ZIP Code”. Let’s create another edit form for customers from USA that uses the “ZIP Code” label for Postal Code, and is rendered in two columns.

Start the Project Designer. In the Project Explorer, switch to the Controllers tab. Right-click on Customers / Views node, and select New View option.

Create New View for Customers controller.

Give this view the following settings:

Property Value
Id editFormUSA
Type Form
Command command1
Label Edit Customer from USA
Header Text Edit the fields of this customer from USA.

Press OK to save the view. In the Project Explorer, right-click on Customers / Views / editFormUSA view node, and select New Category.

Create New Category in editFormUSA view.

Assign the following settings:

Property Value
Header Text Customer Information
Description This is information about the customer.

Press OK to save the category. In the Project Explorer, right-click on Customers / Views / editFormUSA / c100 – Customer Information category node, and select New Data Field.

New Data Field in Customer Information category.

Assign the data field these properties:

Property Value
Field Name CustomerID
Columns 5

Save the data field. Create several more data fields with the following settings:

Field Name Columns
CompanyName 20
ContactName 20
ContactTitle 5
Phone 12

Right-click on Customers / Views / EditFormUSA view node, and select New Category.

Create New Category for editFormUSA view.

Give the category these settings:

Property Value
Header Text Shipping Information
Description This is the shipping information for the customer.
New Column Yes

Press OK to save. Add the following data fields to this category:

Field Name Columns Header Text
Address 20  
City 12  
Region 5  
PostalCode 12 ZIP Code
Country 12  

Now that the new edit form has been configured, let’s change the action state machine to direct USA  customers to the correct form.

In the Project Explorer, right-click on Customers / Actions / ag1 (Grid) action group node, and select New Action.

New Action in action group 'ag1'.

Give this action the following settings:

Property Value
Command Name Select
Command Argument editFormUSA
When Client Script [Country] == 'USA'

Press OK to save the action. In the Project Explorer, move the action into second place, after ag1 – Select.

Action a100 in action group 'ag1'.

Double-click on Customers / Actions / ag1 (Grid) / a1 – Select action node.

Action 'a1' in action group 'ag1'.

Change the When Client Script property:

Property Value
When Client Script [Country] != 'USA'

Press OK to save the action. On the toolbar, press Browse to generate the web application.

Navigate to the Customers page. Select a customer that is not from the United States. The standard edit form will be displayed.

Standard editForm1 view of Customers.

Select a different customer with Country of “USA”. The new two-column edit form will be displayed. “Postal Code” is replaced by “ZIP Code”.

Custom 'editFormUSA' view of Customers from USA.

Tuesday, June 19, 2012PrintSubscribe
Capturing Current User Identity

Many applications require that the name and identity of the user be captured when a record is modified. Let’s create a ModifiedByID and ModifiedByName field in the Orders table that will be updated by an SQL Business Rule whenever an order is modified.

First, let’s add the columns to the table. Start SQL Server Management Studio. In the Object Explorer, right-click on Databases / Northwind / Tables / dbo.Orders table node, and select Design.

Design the Orders table in the Northwind database.

Configure two new columns:

Column Name Data Type Allow Nulls
ModifiedByID uniqueidentifier True
ModifiedByName nvarchar(50) True

Save the table modifications. Switch to the web application generator, and refresh the Orders controller.

Refresh the Orders controller.

Regenerate the web application. Next, let’s remove the ModifiedBy fields from the presentation, and create a business rule to update these fields.

Start the Project Designer. In the Project Explorer, switch to the Controllers tab. Right-click on Orders / Views / editForm1 / c1 – Orders / ModifiedByUserID data field node, and select Delete option.

Delete ModifiedByUserID data fields from the edit form of Orders.

Confirm the operation. Right-click on Orders / Views / editForm1 / c1 – Orders / ModifiedByUserName data field node, and delete this data field as well.

Delete ModifiedByUserName data field from edit form of Orders controller.

Right-click on Orders / Business Rules node, and select New Business Rule.

New Business Rule for Orders controller.

Assign this business rule the following properties:

Property Value
Command Name Insert|Update
Name UpdatingModifiedBy
Type SQL
Phase After
Script
update Orders 
set ModifiedByUserID = @BusinessRules_UserId, 
    ModifiedByUserName = @BusinessRules_UserName
where OrderID = @OrderID

Press OK to save the business rule.

Make sure to spell the business rule properties correctly – for example, if the “@BusinessRules_UserId” function was capitalized as “@BusinessRules_UserID”, the function will not be found and an exception will be thrown.

On the toolbar, press Browse to regenerate the web application.

Navigate to the Orders page, edit a record, and save.

Edit an Order record and save changes.

View the record in SQL Server Management Studio. The relevant UserId and Name have been saved.

ModifiedByUserID and ModifiedByUserName columns have been populated by the business rule.

Continue to Value Conversion