Designer

Labels
AJAX(112) App Studio(9) 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(178) 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(184) 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(3) 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
Designer
Thursday, October 18, 2012PrintSubscribe
Order Form Sample–Part 3

Let’s create a baseline Code On Time Web Site Factory application. Run the web app generator, and select Web Site Factory project type. If you have already created a project previously, click on the Create new web application link under the list of projects to access the New Project screen.

Create a new Web Site Factory project.

Web Site Factory project type is based on a directory structure. Files will be compiled upon saving to the hard drive. Web Site Factory is suitable for an application of any complexity and is the easiest to manage. If you’re starting web development or coming to ASP.NET from other technologies, then this is the project type for you.

In the Name field, enter “OrderForm”. This will be the name of the folder that stores the project, and will be the display name shown on the start page of the code generator. Select the programming language of your choice, and press Create.

Specify the name for the project, as well as the programming language of your choice.

When finished, press Next. This will create the project.

On the next page, you can enter the Namespace, which will be used throughout the whole application. The namespace is a prefix used in all classes of the generated code base. We’ll leave the default name “MyCompany”. You can also change the Framework to either .NET 3.5 or 4.0. The latter is suggested, as it has better performance.

This screen allows changing the Namespace and Framework of the project.

Press Next to continue to the next page.

Tuesday, October 2, 2012PrintSubscribe
Video–Configuring Charts
Saturday, September 29, 2012PrintSubscribe
“Select” Action

The application framework initiates a Select action when a data view needs to load data from the server.

Let’s create an example using a Northwind sample web app to see when the Select action is fired in the server code.

Start the Project Designer. In the Project Explorer, switch to the Controllers tab and right-click on Orders / Business Rules node. Press New Business Rule.

New Business Rule context menu option in the Project Explorer.

Give this rule the following properties:

Property Value
Type SQL
Command Name Select
Phase Before
Script
set @Result_ShowAlert = 'Before'

Press OK to save the business rule. Right-click Orders / Business Rules and press New Business Rule again.

New Business Rule context menu option in the Project Explorer.

Assign these properties:

Property Value
Type SQL
Command Name Select
Phase Execute
Script
set @Result_ShowAlert = @CustomerCompanyName

Press OK to save. Create one more business rule with this configuration:

Property Value
Type SQL
Command Name Select
Phase After
Script
set @Result_ShowAlert = 'After'

Press OK to save. The Business Rules node should look like the picture below.

image

Assigning a value to @Result_ShowAlert creates a JavaScript expression that is added to the server response. As a page of data is rendered, the “alert” expressions will be consequently appended to the ClientScript property of the Result.

The client library will evaluate the entire ClientScript property content using eval function of JavaScript language. This will result in the sequence of alerts displayed to the user.

On the toolbar, press Browse.

Navigate to the Orders page. The first popup for Before phase will appear.

Alert showing 'Before' appears before the select command occurs.

Press OK, and alert for Execute phase will appear, showing the Customer Company Name of the first record.

Alert displaying the Customer Company Name of the data being selected.

Keep pressing OK, as each alert will display the Customer Company Name of each record displayed in the grid. After alerts for each selected data row have been displayed, the After phase popup will appear.

Alert displaying 'After' when the select command has been completed.

Click on a Customer Company Name link. The three alerts will appear in succession as well.

Alert displaying 'Before' when user navigates to the form view of an order.

When you press Edit in the form, no alerts will be shown – this is because Edit command only renders the form on the client without making a round trip to the server. The data has already been retrieved from the server when select command was fired.

No alert is displayed when the form enters edit mode - Edit command does not travel to the server.