Tutorials

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
Tutorials
Tuesday, March 6, 2012PrintSubscribe
Orders: Setting Default Date

When creating a new order, the order date should default to the current date.

Switch back to the Designer, and expand the Orders controller in the Explorer. Expand Fields, and double click on OrderDate.

In the Code Default property, write:

DateTime.Now

Setting Code Default for OrderDate field in Code On Time Designer

Press OK to save the field. Press Generate in the top left corner, and wait for the page to load. Navigate to Order Form, and create a new order. Select a customer and employee. You will see that the current date has been inserted into the Order Date field.

Current Date inserted in Order Date for the Order Form

Monday, March 5, 2012PrintSubscribe
Orders: Setting a Sort Expression

Now that the Order Form page has been set up, we will want to customize several settings. First, we shall optimize the Orders controller. The list of order is currently displayed in alphabetical order of Customer Company Name. It would make more sense to sort the orders according to the date the order was made. Switch back to the Designer, and open the “dv100” Orders data view in the Explorer. Double click on grid1. Scroll down to the Sort Expression field, and enter “OrderDate desc” (do not enter the double quotes).

Sort Expression for a View in Code On Time Designer

Press OK to save the view, and press Generate to regenerate the application. If you navigate to Order Form page, you will see that the orders are sorted in descending order of Order Date.

Orders sorted by Order Date

Monday, March 5, 2012PrintSubscribe
Orders: Configuring Lookup Fields

When creating a new order, the first item that will be entered will probably be the customer. Due to the denormalized nature of Northwind database, the customer information is stored in the table Customers, and the Orders table references a customer via a foreign key field CustomerID. Upon creating a new order, it would be convenient if the user were prompted to either select an existing customer or create a new one. When the customer is selected, the shipping information should be copied from the customer to the order.

Switch back to the Designer, open grid1 view under Order Form page, expand CustomerID data field, and double click on the CustomerID field.

CustomerID field in Code On Time Designer

Enter the following settings for CustomerID:

Property Text
Data Value Field CustomerID
Data Text Field CompanyName
Copy

ShipName=ContactName
ShipAddress=Address
ShipCity=City
ShipRegion=Region
ShipPostalCode=PostalCode
ShipCountry=Country

Search on Start True
Activate If Blank True
Lookup window description Select a customer.

CustomerID Lookup configuration in Code On Time Designer

Press OK to save the field.

When the customer has been selected, we’d want the application to prompt the user to select the employee handling the order. To make this part easier, let’s add photos of each employee in the lookup.

Open EmployeeID data field, and double click on EmployeeID field.

EmployeeID field in Code On Time Designer

Change the following settings for EmployeeID:

Property Text
Activate If Blank True
Lookup window description Select an employee.

EmployeeID Lookup configuration in Code On Time Designer

Press OK to save the record.

Switch to the Controllers tab at the bottom of the Explorer, open Employees controller, open Views, and right click on grid1. Press New Data Field.

New Data Field for Employees controller

Select a Field Name of “Photo”, and save the data field.

New Photo Field in Employees Controller

In the upper left corner, press Generate, and wait for the application to load. Navigate to the Order Form page, and press New Orders on the action bar. You will be prompted to select a customer.

CustomerID Lookup showing filtering and advanced search in Code On Time Preview

When you search for and select a customer, you will then be prompted to select an employee. You can see the photo for each employee as well.

Employee ID Lookup for Order Form

Select the employee, and you will see that the shipping fields have been populated from the selected customer.

New Order Form in Code On Time Preview