Ext JS 4 Preview Release 4发布

Release Notes for Ext JS 4 Preview Release 4

Release Notes: March 15, 2011

Version Number: 4.0.0pr4

Download: here

Release Notes

New In This Release

New Examples

Miscellaneous

Grid/Form/Chart Combo

Rich tooltips (Chart/Grid)

Accessible Feed Viewer using keyboard navigation

Key Nav

Drag and Drop

Grid to form DnD

Field to grid cell DnD

Grid to Grid DnD

DataView to grid DnD

Forms

A common "contact us" popup form

A shopping cart checkout form

Advanced validations

Toolbars

Simple toolbar with menus

Reorderable toolbar items

Layouts

Accordion layout example

VBox layout manager examples

Ext.Direct

Simple generic Direct example

Form submission using Direct

General Bug Fixes

Fix error in slideIn/slideOut when optional duration is not specified

Fix and issue that can happen if only a single axis point is used in a bar chart

Ensure lastFocused is reset when refreshing the selection model

Fix EventManager issues with mouseenter/mouseleave events

Fix {memberExpression} selector parsing

Fix up alias for ArrayStore

Fix currency function to accept and convert a numeric String input value

Fix an issue where legend items don't remember their state between reload

Fix up allowEl option for within, it should be used as a fallback if the element isn't contained within the parent

Fix a highlighting issues with Pie

Correct use of "float" keyword as object property name

Fix buttons with noLinearGradients

Change how field layout handles horizontal sizing when no set width is specified It now uses the shrink-wrapped natural size of its body content plus label, rather than the width of the outermost element. This fixes layout issues when fields are used as hbox items, since the outer element has zero width during initial layout. It also prevents fields from expanding to the full width of their container by default, which is more consistent with the Ext3 behavior

Fix Box layout for when margins are specified in object for, but without all 4 properties. Default to zero

Remove extraneous quote in GroupingFeature template

Fix an issue when using autoHide and delegate with ToolTip

Fix Combo hiding when using the scroller in FireFox

Fix specificity of .x-form-invalid-field selector for textareas so the proper styling is shown

Fixed width of slider tips, and tips in general, in IE quirks mode. Switches tips to use the table framing so they don't expand to full viewport width. Removes the bad width-setting logic from Ext.slider.Tip so it is properly handled by the layout class

Fix box layout to correctly calculate middle alignment

Correctly autosize the innerCt according to max component size (now takes innerCt's borders into account)

Fix an issue when using a defaultValue with Boolean fields

Fix an issue when saving/loading a model and the request fails

Fix for improper font measurement in VML. Vertical header text should display more reliably. Still some work to do on adjusting for the font baseline.

Ensure button does not show mouseover when disabled

Fix call to cloneNode so it happens on the raw HTMLELement

Fix up a typo in the RemotingProvider

Fix an issue with form submissions with uploads

Fix typo that caused file uploads to fail

An autosized Panel which has been collapsed should now expand back properly

Fix an issue where the store would not reload when filters are cleared while using remoteFilter

Fix an issue where Model.setProxy would not accept a Proxy instance

Fix a problem in the ZIndexManager where if a modal Window showed another floating Component (such as the BoundList of a Picker Field), the modal mask is hidden during the period that the Window is not at the topmost position in the z-index stack. Now the modal mask is only hidden when there are no Modal floating Components (usually modal Windows) displayed

Fixed some IE 6/7/8 styles in Menu. IE6 had a "slit" in the item separator that is no longer there. Browsers without linear gradient support now use a nice looking background image for active items

Fix for Menu in Opera 10, which does not report an element's width if it is not a part of a render box. We have to temporarily add it to the body to perform a measurement

Change ReloadChart example to bind to the correct (left) axis

Fix issue where the bounding box cache in VML was not getting cleared when it's path changes

Fix toolbar button spacing in IE7 strict mode

Fix an issue with split buttons where the arrow wasn't completely clickable

Fix some issues with state track in Model

Fix Box Layout calculation effecting margins

Fix endDrag call to afterBoxReflow

Fix an issue rendering bar chart categories in the wrong order

Fix an issue when trying to position a floating component at 0,0

Fix a chart display issue when using a single series in a vertical legend

Fix an issue where the chart legend would move on redraw when using position: float

Ensure hidden fields don't have any effect on form display

Fix vertical alignment of paging toolbar number field

Fix a problem where Windows do no display an icon when configured with a valid iconCls

Fix bug in ComponentQuery, when using {expression} matching. Only the first {expression} used would ever be matched resulting in incorrect results.

Fix styling of fieldset legends

Fix height of text/trigger fields in IE quirks mode

Fix spinner button sprite states when field is focused

Fix an issue where viewports in IE6/7 would show a scrollbar by default

Fix dependencies for Border Layout and Splitter classes

Fix an issue when using non-string values in combo

Fix an issue when using a belongsTo association and loading the parent object

Fix an issue where RestProxy requests were being batched

Fix sizes of Buttons in ButtonGroup

Fix an issue when using an itemId in a border layout region

Fix an issue where space was being reserved in IE7 for side error icon when there is no error

Fix typo in throw error message in initframe

General Enhancements

Introduced a TreePanel capable of supporting multiple headers. Abstracted shared logic between the Tree and Grid into a TablePanel class.

Tab overflow implemented

Menu overflow implemented

Drag and Drop for Dataviews implemented

Implemented Tree and Grid drag and drop

FocusManager implemented (Jarred ELABORATE)

HTMLEditor implemented

Ext Direct implemented, with a new DirectProxy

Add support to ComponentQuery to accept member expression selectors in pseudo-class selectors

Support member expression selectors for ComponentQuery in the same way as attribute selectors, by allowing them to occur anywhere within a single selector chain to further filter the working group of items

Added inheritable statics for Classes

Refactor cleanup for Scatter Series

Ensure doLayout doesn't run a layout that is already in progress

Implement pruneRemoved for Ext.selection.Model

Ensure selection model is refreshed when DataView is refreshed or records are added

Create a reference to the Ext sandbox instance in generated functions

Increment snap ends `to` argument properly

Add feed viewer icon

Box layout. Correct allocation of spare space to non-flexed items after a shortfall has caused a reduction to minSize

Button layout: Now sets the outer element width if a numeric width passed

Added "focusable: false" to menu & toolbar separators so they are not candidates for gaining focus

Updated Ext.menu.* to play nicely with Ext.FocusManager when enabled

Menu: Constrain to within browser viewport and use box layout scroll overflow handler

Implement disabled style for horizontal scroller

Implement Ext.tree.SelectionModel handling for left/right in the flattreeview. Turn it on in the TreePanel

Enforce that user clicks expander to toggle a record

Ensure that collapsed region placeholders are z-indexed above slide-ins

Border layout now honors the floatable: false config

Menus no longer access elements that are not rendered

MenuManager now uses Ext.Array.remove instead of calling remove on the Array instance

Ensure a region isn't floated if floatable: false is specified.

DataView now ensures the selections get refreshed when the view does

Implemented button as a link when an href/url is configured

Implementes initial collapse state to collapse when the outermost Container (usually a Viewport) has been layed out, or, if no Container, on first component layout

Removed legacy images file

The framing method for non-CSS3 browsers which uses a table is necessary for proper width of floated components in IE quirks mode. Some floated components, such as Tip, have Dock layout which requires being able to insert docked items directly into the outermost element; this was failing when the outermost element was the table element. Changed to have a div as the outermost element with the table as an immediate child

Prevent validation when initializing the field value, rather than validating but then clearing errors

Apply correct CSS classes to Panel headers within collapsed Panels so that bordering can be kept consistent

Add rule for column layout child items. They must float:left

Implement 3.x style Column layout where child items float across the Container (Note this API is not finalized and may change)

Labels for vertical axis are now hidden when they're too close to each other (or overlapping)

Implemented weighting on docked items by returning a sorted array based on a weight property in AbstractPanel's getDockedItems method. Default weight is 0

Addition code to ensure the data proxy gets its params correctly

A parent menu's hide timer (on mouse leave) will be cancelled when hovering over a submenu

Add x-quirks to when we're in quirks mode (!Ext.isStrict), useful for CSS that must know whether or not in quirks mode, as x-border-box is applied on all browsers that aren't IE6/7 in both quirks and strict modes

Implemented hideHeaders and provide backwards compat layer for preventHeaders

Implement fill:false in Accordion layout which means that expanded child Panels are not fitted within the accordion Container, but assume their natural height. Implement multi:true which allows multiple items to be opened at once when using fill:true. The opened Panels share available space by using the Box layout flex config

Implement a Component click event in Header. This is for use by Panel's titleCollapse configuration

Accordion layout now propagates its Panel-specific configurations to child Panels

Implement titleCollapse for Panel

Added writeAllFields method to the data writers

Add beforeselect event to DataViewModel

Restored original fonts and font-weights in the default theme to be the same as of 3.3

Class.override now adds an owner reference to methods that didn't exist in the superclass yet

Users can now override the sortParam used when sorting a particular Header

Ensure we use the browser normalized array methods for DataView

Add a findLayoutController method which goes up the ownerCt chain to find the highest currently active layout so that afterlayout events may be tracked to fire when a final size has been arrived at

Card layout now calls afterLayout on the card Container after card activation

Refactor getWidth, getHeight, and getViewSize to account for IE quirks mode measurement issues when a container is overflowed

TabBar now scrolls the active tab into view upon set of active tab

Added new isIEQuirks flag

Tweak bar/column chart starting points so they don't overlap the axis

Ensure box layout takes border space of the innerCt into account when centering

Tooltips no longer get focus when they call toFront()

Users may now provide their own CSS rules for enabling overflow on other box layout Containers. Currently we support Menu, Toolbar and TabBar overflowing.

Window will now force the header creation if draggable is set to true

Added a new Body Component layout for Components which maintain an inner body element which must synchronize its size with the encapsulating element

FieldSet now uses a Component layout to synchronize the size of its body element with the size available within its main, encapsulating element

Due to the use of the descendant selector for setting float/etc on field labels, fields nested within a FieldContainer would always get the styles corresponding to the container's labelAlign, even if their own labelAlign was different. Changed it so the label alignment className is now given directly to the label element rather than the parent, so the CSS no longer has to use descendant selectors

The Trigger component layout was setting the height of the input field based on the incoming requested height; single-line input fields should always get their height from the CSS and ignore the layout's height

Made AbstractDataView less strict in the type of parameter it accepts as a target for getRecord. It may now be an HtmlElement or an Ext.Element

Added a frameHeader config which turns on/off framing on the Panel Header

Added a ComponentLayout for Editor

Ensure formBind is updated when the form is first created & when items are added/removed

Added the ability to assign a custom reader for reading associations

API Changes

Added destroy method to Model

Move getItemForPoint up to Series and implement isItemInPoint in each series

Added static methods for DataView

Containers calls to doLayout will call ComponentLayout instead of ContainerLayout when they don't have dimensions (autosized)

Change ComponentQuery's member expression filter function to use an "items" argument rather then accessing arguments.callee.caller.arguments, to be ES5/strict compliant and more straightforward

Remove the use of arguments.callee from EventManager.createListenerWrap, and instead give a named reference to the return function. ES5/strict compliant, and works in all browsers

Ensure DataView uses getItemSelector() when firing events

Changed $prefix in scss to include `x-` not just `x`

Remove box scroller subclasses. There's only one now which handles perpendicular/parallel

Box layouts: new properties for use by box layout overflow handlers

All box layout overflow scrolling is handled by a single class: Scroller

TabBar now removes header text item and tool spacer. Use scroller overflow handler

Added a new preventDefault option to button

Remove HorizontalMenu class. There is only one Menu overflow handler

Move scroll-specific methods out of overflow handler base class into the Scroll handler

Added extra menu-active cls with btn.ui into menuShow

Added menu-active cls to css

Add slider layout class as dependency

Not all floating components should be automatically focused when they are brought to the front; this adds a focusOnToFront config to control that behavior on a class or instance basis. Defaults to true, but is overridden to false in Tip and in the BoundList instances created by ComboBox and Time fields, to prevent losing field focus

Ext.grid.View renamed to Ext.view.TableView

Throw an error message when trying to bind to an event handler that doesn't exist

Add a border to collapsed panel headers depending on their docked position

Renamed the legacySortMode config to simpleSortMode

Added new API config for Server proxy and subclasses

Removed Class.extend method (not to be confused with Ext.extend)

Removed unused getHead method from Ext.data

Ext.util.Date.parseDate changed to Ext.util.Date.parse. Add deprecaton for the older parseDate API.

Unified Element and Element.static addUnits method which checks for a valid number or unitized String and throws a wraning message if a NaN is passed

Changed "operation-complete" event in Batch to "operationcomplete"

Compatibility Changes

Added Ext.lib.Ajax compat

Added Ext.reg / ComponentMgr.regiserType aliases

Fixed editor example's Panel.header reference

Include css for message box example

Alias Ext.lib.Dom.* to Element

Fixed registerType/reg aliases, added registerPlugin/preg

Moved legacy-only fx methods to compat file

Moved Component overrides from core-compat to compat

Added console msg about setting showErrors flag

Compat fix for loading stores with an inline data object

Moved xtype aliases from core-compat to compat

Added additional non-Core JS object prototype aliases

Ext.util.Date compat overrides

Additional msg for instance methods becoming statics

Added Ext.extend to the compat file, fixed a null error if members arg is not passed

Added Store.setDefaultSort compat override

Added GridPanel and Model compat overrides

Added applyTo message to Ext.Component

Added Ext.Compat.breaking() to show breaking changes

Added appropriate messaging for most of the compat configs

Moved compat items from combobox into the compat file

Renamed Ext.Base.extend -> Ext.Base.addStatics, deprecated Ext.Base.implement for Ext.Base.extend. In short, from now on, use MyClass.addStatics for statics members, MyClass.extend for prototype members

Fixed tpl alias to implement the getInnerTpl method correctly

Added isDef checks where needed to log messages only for defined configs

Add compatibility for overriding Ext.form.Field.prototype.msgTarget

Add compatibility handler for old implicit column containers in the CheckboxGroup/RadioGroup items

AbstractStore and Store overrides for reconfiguring reader/proxy config if needed

Aliased store.url support

Reader support for optional recordType 2nd arg to constructor

XmlReader constructor override to alias configs

Known Issues

Portal example not correct in IE6

Toolbar menu overflow not styled in IE6

Charts do not render properly in Safari 3.2

Minor styling issues with forms/tabs/buttons (primarily in IE6/7)

Menu links still need styling

Minor clipping of panel header text in Opera and IE6/7