http://support.nitobi.com Nitobi Knowledgebase - Tutorials, tips and information en_US ... TreeGrid lets you view, edit, copy, and paste hierarchical data in an Ajax DataGrid. Rich User Experience Users can resize columns, copy and paste data with the mouse, navigate with the keyboard, perform in-place editing, and scroll through huge datasets as though they were working with a desktop application. Minimal Coding Required A declarative interface makes customizing the behaviour of your grid quick and easy. Extend the built in features using the JavaScript API. Unrivaled Perf... This tutorial will show you how to insert a Tree Grid component into a page using Nitobi's Dreamweaver Extensions. (1) Insert Bar Start with a saved page - you cannot insert Nitobi components until your page is saved. You can drag the component from the insert bar in into your page, or simply press the button while your cursor is at the desired insertion point. Either way launches the Tree Grid wizard. (2) Wizard Page 1 The first screen specifies how the component will connect to ... Version 1.1 (April 29, 2008) Added nitobi.lang.isStandards() method Added document.importNode() to various areas of the framework in anticipation of Firefox 3 Changed nitobi.ajax.HttpRequest to support the standard XMLHttpRequest interface Added HttpRequest.onRequestComplete event that gets fired when any Request (post or get) is complete Added private password, username, requestMethod, requestHeaders members Added private HttpRequest._send method that actually does a request, Called f... In this tutorial, we'll walkthrough how to set up a Nitobi Tree Grid component. We'll make a Tree Grid instance that displays Customers and their associated Orders. Prerequisites Nitobi Complete UI Q2 (trial available at http://www.nitobi.com/download/) Nitobi Sample Database (included with the Nitobi Complete UI installation or available here). Read How To Load Data in PHP Read How To Save Data in PHP Declaration We'll start with the client side component declaration. The declara... Tree Grid allows you to represent related data in a single Grid instance. In the image above, we see a list of customers, the orders associated with those customers and the products associated with those orders. We get the functionality of multiple linked Grids conveniently encapsulated in a single Tree Grid instance. This tutorial will highlight some of the key differences between Grid and Tree Grid. Client Side The Tree Grid declaration looks nearly identical to a Grid declaration... Spotlight 1.1 (January 22, 2008) Fixed a bug where in standards mode, the mousemovestep wouldn't animate the move properly Added a feature to stop the tour by clicking the [x] of a callout step Fixed a bug for Moz in standards where the fake mouse was notanimating to position, it just jumped. Spotlight 1.0 (January 31, 2007) Initial Release... Calendar 1.1 (January 22, 2008) Added a theme attribute . Calendar 1.0 (January 31, 2007) Initial Release... To try out the online demos, head on over to http://www.nitobi.com/products/completeui/demos/explorer/ ... After the release of Complete UI 2008 Q1 back in January, we changed the way that the Nitobi themes are named, and have started a process to optimize the CSS without removing the ability to customize the grid. In addition to this, we have changed how the CSS works with the latest version of Grid. There are now two CSS files that need to be included with grid: nitobi.reset.css component css (i.e. nitobi.grid.css, nitobi.combo.css) The reset css resets the grid in the document... Formatting Dates When using the Calendar, it will often be useful to customize the date of the format. Out of the box, Calendar supports two different Date formats, but it is easy to customize the format to suit your needs. JavaScript Dates Using the #getDate method, we'll get back a Javascript Date object which you can use to retrieve the necessary date information. ISO8601 Dates Alternatively, you can use the #getFormattedDate method to get the Date as a string formatted to comply with... Getting Started With Calendar About Calendar Binding Calendar To A Form Field Formatting Dates Tag Library Reference JS API Reference ... Getting Started With ComboBox About ComboBox About ComboBox Modes Getting The Value of the Input Programatically How To Set Focus on the ComboBox Setting Up Linked (e.g. Dependent) ComboBoxes Troubleshooting Tips Using ComboBox Events Tag Library Reference JS API Reference ... Getting Started With Fisheye About Fisheye Tag Library Reference JS API Reference ... Search Nitobi sk