Data Sheet

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(8) OAuth Scopes(1) OAuth2(11) Offline(20) Offline Apps(4) Offline Sync(5) Oracle(10) PKCE(2) PostgreSQL(2) PWA(2) QR codes(2) Rapid Application Development(5) Reading Pane(2) Release Notes(180) Reports(48) REST(29) RESTful(29) RESTful Workshop(15) RFID tags(1) SaaS(7) Security(80) 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
Data Sheet
Wednesday, May 30, 2012PrintSubscribe
Data Views: Search On Start

By default, grid and data sheet views will open the first page of records.

Suppliers grid view showing the first page of suppliers.

If the number of records is small, then it works great. If the number of records is very large, then it is pointless to display the first page before the users specify what they are looking for. The data view can be configured to not request any records and have Advanced Search Bar open by default.

Start the Project Designer. Double-click on Region / Suppliers / container1 / view1 data view node.

'View1' on Suppliers page of Project Explorer.

Change the following property:

Property New Value
Search On Start True

Press OK to save the data view, and click on Browse to generate the web application.

When the web page opens in the browser, navigate to the Suppliers page. The data view will open in search mode.

Suppliers grid view opened in search mode with Advanced Seearch Bar displayed and no records requested.

You can pull the first page of data by pressing the Search button without specifying any search parameters. If you enter parameters, then the matching records will show up.

Pressing 'Search' on the search bar will request the first page of records.

If the search bar is disabled, then the Quick Find will be available to enter the initial search criteria.

Search On Start allows users to enter criteria in the Quick Find if Advanced Search Bar is unavailable.

Wednesday, April 27, 2011PrintSubscribe
Data Sheet Enhancements

The following enhancements and bug fixes were introduced in the latest update.

Miscellaneous Improvements

  • Search bar is correctly displayed if activated on start in browsers other than IE.
  • Firefox bug preventing creation of lookup items in-place has been fixed.
  • Core CSS enhancements to improve support for IE 9 and enhance quality of the data sheet rendering
  • Several new resource constants in Web.DataViewResources.js to support new functionality in the data sheet view.

Data Sheet

Summary of data sheet enhancements.

  • Menu “Actions” in the action bar will feature “Show in Data Sheet” or “Show in Standard View” option if your application has been produced by Premium or Unlimited edition. These new options are executing actions with Data Sheet and Grid command names, which causes switching between data sheet and standard grid view.   
     
    See the Data Sheet view in action at http://codeontime.com/demo.aspx.
     
    image
    image
     
  • Data Sheet view now display an arrow pointer in the gap column to indicate the row that is currently selected in the view. The focused cell may be positioned in any row. The selected row is designated by the arrow. Any linked child data views are filtered to match the primary key of the selected row.
     
    image
     
  • Several bugs related to keyboard handling were fixed. Pressing Enter key while working in the child data sheet with the master form would have caused erratic selection of buttons in the master form.
  • User can start creating a new row in the data sheet by pressing Insert key or navigating past the last row in the data sheet view.
  • User can end editing an existing or entering a new row by pressing Tab or Enter key while in the last column of the row. Tab key will cause automatic creation of a new row if the current row has been persisted successfully. Enter key will leave the selection focus on the last focused column.
  • Empty data sheet view offers a link to enable instant creation of new rows. Users can click on a link to start creating a new row.
     
    image
    image
  • User can press Ctrl+Delete keys to delete the row with the current focus in the data sheet.
  • User can press Ctrl+Space to select a a row if multiple-row selection is enabled in the data sheet.
  • Pressing Tab or Shift+Tab key in edit mode will skip the read-only cells.

Next Update

The upcoming update will introduce the long awaited enhanced file upload/download processing to allow capturing file name, size, and content type. 

Monday, April 25, 2011PrintSubscribe
Data Sheet View

Code On Time applications now offer a new exceptional feature that allows spreadsheet-style presentation and editing of multiple records.

You can enable the data sheet view if you change the type of your grid view from “Grid” to “Data Sheet”. Start the web application generator, select the name of your project, click “Design” button, select a data controller, and activate “Views” tab. Change the type of view grid1 to “Data Sheet”.

image

Generate your application and navigate to the page that presents the data controller views. Click once on any cell in the data sheet view. The header of the column will get highlighted. You can now start using the keyboard to navigate between cells.

image

Press Down key until you reach the last visible row on the page. Press Down key one more and observe how the rows shift.

Start typing in any cell to edit the data, press F2 key to start editing, or click Del to clear the contents of the cell. The row will switch in edit mode. Any business rules that work with grid views will continue to work with the data sheet view. Use Tab and Shit+Tab keys to navigate between cells in the edit row. Use mouse to click on arbitrary cell in the edit row to active the cell.

image

Hit Enter key to save the row. Enter and Shift+Enter keys will navigate down and up in the data sheet view when not in edit mode.

Press Insert key to create a new row or simply navigate beyond the last row in the data sheet view.

image

Press Esc to exit edit/new mode.

Press Esc if you want to stop using keyboard with the data sheet view. The cell focus will disappear.

Conclusion

Data Sheet view will offer a new rapid data entry method for your end users. We are planning to offer a code generator option that will make the Data Sheet view a default presentation for grids of data.

Excellent cross browser support will bring Microsoft Excel and Microsoft Access desktop experience of interacting with data to the web.

Data Sheet view is available only in Premium and Unlimited editions. View Code On Time product edition pricing at http://codeontime.com/buy.aspx.  The upcoming updates will include new additional view types such as tree view and calendar view.