DataView.java

/*
 * Copyright (c) 2014 Ahomé Innovation Technologies. All rights reserved.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package com.ait.toolkit.sencha.ext.client.ui;

import java.util.List;

import com.ait.toolkit.data.client.BaseModel;
import com.ait.toolkit.sencha.ext.client.core.Component;
import com.ait.toolkit.sencha.ext.client.core.config.XType;
import com.ait.toolkit.sencha.ext.client.events.Event;
import com.ait.toolkit.sencha.ext.client.events.HandlerRegistration;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerActionHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerClickHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerContextMenuHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerDoubleClickHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerKeyDownHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseDownHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOutHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOverHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseUpHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeDeselectHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemActionHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemClickHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemContextMenuHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemDoubleClickHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemKeyDownHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseDownHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseEnterHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseLeaveHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseUpHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeSelectHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.BeforeSelectionHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerClickHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerContextMenuHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerDoubleClickHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerKeyDownHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseDownHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOutHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOverHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseUpHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.DeselectHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.SelectHandler;
import com.ait.toolkit.sencha.ext.client.events.grid.SelectionChangeHandler;
import com.ait.toolkit.sencha.ext.client.events.view.FocusChangeHandler;
import com.ait.toolkit.sencha.ext.client.events.view.HighlightItemHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemClickHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemContextMenuHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemDoubleClickHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemKeyDownHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemMouseDownHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemMouseEnterHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemMouseLeaveHandler;
import com.ait.toolkit.sencha.ext.client.events.view.ItemMouseUpHandler;
import com.ait.toolkit.sencha.ext.client.events.view.UnHighlightItemHandler;
import com.ait.toolkit.sencha.ext.client.selection.SelectionModel;
import com.ait.toolkit.sencha.shared.client.core.Template;
import com.ait.toolkit.sencha.shared.client.data.Store;
import com.ait.toolkit.sencha.shared.client.dom.ExtElement;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.core.client.JsArray;
import com.google.gwt.core.client.JsArrayString;
import com.google.gwt.dom.client.Element;

/**
 * A mechanism for displaying data using custom layout templates and formatting.
 * 
 * The View uses an Ext.XTemplate as its internal templating mechanism, and is bound to an Ext.data.Store so that as the data in the store changes the view is automatically updated
 * to reflect the changes. The view also provides built-in behavior for many common events that can occur for its contained items including click, doubleclick, mouseover, mouseout,
 * etc. as well as a built-in selection model. In order to use these features, an itemSelector config must be provided for the View to determine what nodes it will be working with.
 */
public class DataView extends Component {

    private static JavaScriptObject configPrototype;
    private Store store;

    private native void init()/*-{
		var c = new $wnd.Ext.view.View();
		@com.ait.toolkit.sencha.ext.client.ui.DataView::configPrototype = c.initialConfig;
    }-*/;

    protected JavaScriptObject getConfigPrototype() {
        return configPrototype;
    }

    public String getXType() {
        return XType.DATAVIEW.getValue();
    }

    protected DataView() {

    }

    /**
     * Create a new View.
     */
    public DataView( Store store, String itemSelector, String template ) {
        setStore( store );
        setItemSelector( itemSelector );
        setTpl( template );
    }

    /**
     * Create a new View.
     */
    public DataView( Store store, String itemSelector, Template template ) {
        setStore( store );
        setItemSelector( itemSelector );
        setTpl( template );
    }

    /**
     * Create a new View.
     */
    public DataView( Store store, String itemSelector, JsArrayString template ) {
        setStore( store );
        setItemSelector( itemSelector );
        setTpl( template );
    }

    protected DataView( JavaScriptObject jsObj ) {
        super( jsObj );
    }

    protected native JavaScriptObject create( JavaScriptObject config ) /*-{
		return new $wnd.Ext.view.View(config);
    }-*/;

    /**
     * <b>This is a required setting</b>. A simple CSS selector (e.g. div.some-class or span:first-child) that will be used to determine what nodes this DataView will be working
     * with. The itemSelector is used to map DOM nodes to records. As such, there should only be one root level element that matches the selector for each record.
     * 
     * @param value
     */
    public void setItemSelector( String value ) {
        setAttribute( "itemSelector", value, true );
    }

    public void setMultiSelect( boolean value ) {
        setAttribute( "multiSelect", value, true );
    }

    public void setSingleSelect( boolean value ) {
        setAttribute( "singleSelect", value, true );
    }

    /**
     * The {@link Store} to bind this DataView to.
     * 
     * @param store
     */
    public void setStore( Store store ) {
        this.store = store;
        setAttribute( "store", store.getJsObj(), true );
    }

    /**
     * Set this to true to ignore refresh events on the bound store. This is useful if you wish to provide custom transition animations via a plugin
     * <p>
     * Defaults to: false
     */
    public void setBlockRefresh( boolean value ) {
        setAttribute( "blockRefresh", value, true );
    }

    /**
     * True to defer emptyText being applied until the store's first load.
     * <p>
     * Defaults to: true
     */
    public void setDeferEmptyText( boolean value ) {
        setAttribute( "deferEmptyText", value, true );
    }

    /**
     * Defaults to true to defer the initial refresh of the view.
     * <p>
     * This allows the View to execute its render and initial layout more quickly because the process will not be encumbered by the expensive update of the view structure.
     * <p>
     * <b>Important</b>: Be aware that this will mean that the View's item elements will not be available immediately upon render, so selection may not take place at render time.
     * To access a View's item elements as soon as possible, use the viewready event. Or set deferInitialrefresh to false, but this will be at the cost of slower rendering.
     * <p>
     * Defaults to: true
     */
    public void setDeferInitialRefresh( boolean value ) {
        setAttribute( "deferInitialRefresh", value, true );
    }

    /**
     * True to disable selection within the DataView. This configuration will lock the selection model that the DataView uses.
     */
    public void setDisableSelection( boolean value ) {
        setAttribute( "disableSelection", value, true );
    }

    /**
     * The text to display in the view when there is no data to display. Note that when using local data the emptyText will not be displayed unless you set the deferEmptyText
     * option to false.
     * <p>
     * Defaults to: ""
     */
    public void setEmptyText( String value ) {
        setAttribute( "emptyText", value, true );
    }

    /**
     * Specifies the class to be assigned to each element in the view when used in conjunction with the itemTpl configuration.
     * <p>
     * Defaults to: "x-dataview-item"
     */
    public void setItemCls( String value ) {
        setAttribute( "itemCls", value, true );
    }

    /**
     * The inner portion of the item template to be rendered. Follows an XTemplate structure and will be placed inside of a tpl.
     * 
     */
    public void setItemTpl( String value ) {
        setAttribute( "itemTpl", value, true );
    }

    /**
     * The inner portion of the item template to be rendered. Follows an XTemplate structure and will be placed inside of a tpl.
     * 
     */
    public void setItemTpl( Template tpl ) {
        setAttribute( "itemTpl", tpl.getJsObj(), true );
    }

    /**
     * The inner portion of the item template to be rendered. Follows an XTemplate structure and will be placed inside of a tpl.
     * 
     */
    public void setItemTpl( JsArrayString tpl ) {
        setAttribute( "itemTpl", tpl, true );
    }

    /**
     * False to disable a load mask from displaying while the view is loading. This can also be a Ext.LoadMask configuration object.
     * <p>
     * Defaults to: true
     * 
     */
    public void setLoadMask( boolean value ) {
        setAttribute( "loadMask", value, true );
    }

    /**
     * False to disable a load mask from displaying while the view is loading. This can also be a Ext.LoadMask configuration object.
     * <p>
     * Defaults to: true
     * 
     */
    public void setLoadMask( LoadMask value ) {
        setAttribute( "loadMask", value.getOrCreateJsObj(), true );
    }

    /**
     * The CSS class to apply to the loading message element. Defaults to Ext.LoadMask.prototype.msgCls "x-mask-loading".
     * 
     */
    public void setLoadingCls( String value ) {
        setAttribute( "loadingCls", value, true );
    }

    /**
     * If specified, gives an explicit height for the data view when it is showing the loadingText, if that is specified. This is useful to prevent the view's height from
     * collapsing to zero when the loading mask is applied and there are no other contents in the data view.
     * 
     */
    public void setLoadingHeight( double value ) {
        setAttribute( "loadingHeight", value, true );
    }

    /**
     * A string to display during data load operations. If specified, this text will be displayed in a loading div and the view's contents will be cleared while loading, otherwise
     * the view's contents will continue to display normally until the new data is loaded and the contents are replaced.
     * <p>
     * Defaults to: "Loading..."
     * 
     */
    public void setLoadingText( String value ) {
        setAttribute( "loadingText", value, true );
    }

    /**
     * A CSS class to apply to each item in the view on mouseover. Setting this will automatically set trackOver to true.
     * 
     */
    public void setOverItemCls( String value ) {
        setAttribute( "overItemCls", value, true );
    }

    /**
     * True to preserve scroll position across refresh operations.
     * <p>
     * Defaults to: false
     * 
     */
    public void setPreserveScrollOnRefresh( boolean value ) {
        setAttribute( "preserveScrollOnRefresh", value, true );
    }

    /**
     * A CSS class to apply to each selected item in the view.
     * <p>
     * Defaults to: "x-item-selected"
     * 
     */
    public void setSelectedItemCls( String value ) {
        setAttribute( "selectedItemCls", value, true );
    }

    /**
     * When true the overItemCls will be applied to rows when hovered over. This in return will also cause highlightitem and unhighlightitem events to be fired.
     * <p>
     * Enabled automatically when the overItemCls config is set.
     * <p>
     * Defaults to: false
     * 
     */
    public void setTrackOver( boolean value ) {
        setAttribute( "trackOver", value, true );
    }

    /**
     * Changes the data store bound to this view and refreshes it.
     * 
     * @param store
     *            ,The store to bind to this view
     */
    public native void bindStore( Store store ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view
				.bindStore(store.@com.ait.toolkit.core.client.JsObject::getJsObj()());
    }-*/;

    /**
     * Deselects a record instance by record instance or index.
     */
    public native void deselect( int records ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.deselect(records);
    }-*/;

    /**
     * Deselects a record instance by record instance or index.
     */
    public native void deselect( int records, boolean supressEvent ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.deselect(records, supressEvent);
    }-*/;

    /**
     * Deselects a record instance by record instance or index.
     */
    public native void deselect( List<BaseModel> records ) /*-{
		var peers = @com.ait.toolkit.data.client.BaseModel::fromList(Ljava/util/List;)(peers);
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.deselect(peers);
    }-*/;

    /**
     * Deselects a record instance by record instance or index.
     */
    public native void deselect( List<BaseModel> records, boolean supressEvent ) /*-{
		var peers = @com.ait.toolkit.data.client.BaseModel::fromList(Ljava/util/List;)(peers);
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.deselect(peers, supressEvent);
    }-*/;

    /**
     * Gets a record from a node
     */
    public native BaseModel getRecord( ExtElement node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		var obj = view
				.getRecord(node.@com.ait.toolkit.core.client.JsObject::getJsObj()());
		return @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(obj);
    }-*/;

    /**
     * Gets a record from a node
     */
    public native BaseModel getRecord( JavaScriptObject node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		var obj = view
				.getRecord(node.@com.ait.toolkit.core.client.JsObject::getJsObj()());
		return @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(obj);
    }-*/;

    /**
     * Gets the selection model for this view.
     */
    public native SelectionModel getSelectionModel() /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		var obj = view.getSelectionModel();
		return @com.ait.toolkit.sencha.ext.client.selection.SelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(obj);
    }-*/;

    /**
     * Returns the store associated with this View.
     * 
     * @return
     */
    public Store getStore() {
        return this.store;
    }

    /**
     * Finds the index of the passed node.
     */
    public native int indexOf( JavaScriptObject node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.indexOf(node);
    }-*/;

    /**
     * Finds the index of the passed node.
     */
    public native int indexOf( String node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.indexOf(node);
    }-*/;

    /**
     * Finds the index of the passed node.
     */
    public native int indexOf( int node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.indexOf(node);
    }-*/;

    /**
     * Finds the index of the passed node.
     */
    public native int indexOf( BaseModel node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view
				.indexOf(node.@com.ait.toolkit.core.client.JsObject::getJsObj()());
    }-*/;

    /**
     * Returns true if the passed node is selected, else false.
     */
    public native boolean isSelected( JavaScriptObject node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.isSelected(node);
    }-*/;

    /**
     * Returns true if the passed node is selected, else false.
     */
    public native boolean isSelected( int node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.isSelected(node);
    }-*/;

    /**
    * Gets a template node.
    */
    public native Element getNode( BaseModel model ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view
				.getNode(model.@com.ait.toolkit.core.client.JsObject::getJsObj()());
    }-*/;

    /**
     * Gets a template node.
     */
    public native Element getNode( int node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getNode(node);
    }-*/;

    /**
     * Gets a range nodes.
     */
    public native JsArray<Element> getNodes( int start, int end ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getNodes(start, end);
    }-*/;

    /**
     * Gets a range nodes.
     */
    public native JsArray<Element> getNodes( int start ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getNodes(start);
    }-*/;

    /**
     * Gets the currently selected nodes.
     */
    public native JsArray<Element> getNodes() /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getNodes();
    }-*/;

    /**
     * Gets a range nodes.
     */
    public native JsArray<Element> getSelectedNodes() /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getSelectedNodes();
    }-*/;

    /**
     * Gets a template node.
     */
    public native Element getNode( String node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getNode(node);
    }-*/;

    /**
     * Gets a template node.
     */
    public native Element getNode( Element node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view.getNode(node);
    }-*/;

    /**
     * Returns true if the passed node is selected, else false.
     */
    public native boolean isSelected( BaseModel node ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		return view
				.isSelected(node.@com.ait.toolkit.core.client.JsObject::getJsObj()());
    }-*/;

    /**
     * Refreshes the view by reloading the data from the store and re-rendering the template.
     */
    public native void refresh() /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.refresh();
    }-*/;

    /**
     * Refreshes an individual node's data from the store.
     */
    public native void refreshNode( int index ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.refreshNode(index);
    }-*/;

    /**
     * Un-highlights the currently highlighted item, if any.
     */
    public native void clearHighlight() /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.clearHighlight();
    }-*/;

    /**
     * Un-highlights the currently highlighted item, if any.
     */
    public native void highlightItem( Element element ) /*-{
		var view = this.@com.ait.toolkit.sencha.ext.client.core.Component::getJsObj()();
		view.highlightItem(element);
    }-*/;

    /**
     * Fires before the click event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerClickHandler( BeforeContainerClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerClickHandler::onBeforeContainerClick(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the click event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerClickHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_CLICK, handler );
    }

    /**
     * Fires before the contextmenu event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerContextMenuHandler( BeforeContainerContextMenuHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerContextMenuEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerContextMenuHandler::onBeforeContainerContextMenu(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerContextMenuEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerContextMenuEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the contextmenu event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerContextMenuHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_CONTEXT_MENU, handler );
    }

    /**
     * Fires before the double click event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerDoubleClickHandler( BeforeContainerDoubleClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerDoubleClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerDoubleClickHandler::onBeforeContainerDoubleClick(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerDoubleClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerDoubleClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the double click event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerDoubleClickHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_DOUBLE_CLICK, handler );
    }

    /**
     * Fires before the key down event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerKeyDownHandler( BeforeContainerKeyDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerKeyDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerKeyDownHandler::onBeforeContainerKeyDown(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerKeyDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerKeyDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the key down event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerKeyDownHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_KEY_DOWN, handler );
    }

    /**
     * Fires before the mouse down event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerMouseDownHandler( BeforeContainerMouseDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseDownHandler::onBeforeContainerMouseDown(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerMouseDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse down event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerMouseDownHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_MOUSE_DOWN, handler );
    }

    /**
     * Fires before the mouse out event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerMouseOutHandler( BeforeContainerMouseOutHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOutEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOutHandler::onBeforeContainerMouseOut(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerMouseOutEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOutEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse out event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerMouseOutHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_MOUSE_OUT, handler );
    }

    /**
     * Fires before the mouse over event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerMouseOverHandler( BeforeContainerMouseOverHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOverEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOverHandler::onBeforeContainerMouseOver(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerMouseOverEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseOverEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse over event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerMouseOverHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_MOUSE_OVER, handler );
    }

    /**
     * Fires before the mouse up event on the container is processed.
     */
    public native HandlerRegistration addBeforeContainerMouseUpHandler( BeforeContainerMouseUpHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseUpEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseUpHandler::onBeforeContainerMouseUp(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeContainerMouseUpEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerMouseUpEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse up event on the container is processed. Returns false to cancel the default action.
     */
    public void addBeforeContainerMouseUpHandler( BeforeContainerActionHandler handler ) {
        _addBeforeContainerActionHandlerHandler( Event.BEFORE_CONTAINER_MOUSE_UP, handler );
    }

    /**
     * Fired before a record is deselected.
     */
    public native HandlerRegistration addBeforeDeselectHandler( BeforeDeselectHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(sm, rec, index, e) {
			var rowModel = @com.ait.toolkit.sencha.ext.client.selection.RowSelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(sm);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeDeselectEvent::new(Lcom/ait/toolkit/sencha/ext/client/selection/RowSelectionModel;Lcom/ait/toolkit/data/client/BaseModel;ILcom/google/gwt/core/client/JavaScriptObject;)(rowModel, model, index, e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeDeselectHandler::onBeforeDeselect(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeDeselectEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeDeselectEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fired before a record is deselected. If any listener returns false, the deselection is cancelled.
     */
    public void addBeforeDeselectHandler( BeforeSelectionHandler handler ) {
        _addBeforeSelectionHandler( Event.BEFORE_DESELECT, handler );
    }

    /**
     * Fires before the click event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemClickHandler( BeforeItemClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemClickHandler::onBeforeItemClick(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the click event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemClickHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_CLICK, handler );
    }

    /**
     * Fires before the contextmenu event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemContextMenuHandler( BeforeItemContextMenuHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemContextMenuEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemContextMenuHandler::onBeforeItemContextMenu(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemContextMenuEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemContextMenuEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the contextmenu event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemContextMenuHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_CONTEXT_MENU, handler );
    }

    /**
     * Fires before the double click event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemDoubleClickHandler( BeforeItemDoubleClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemDoubleClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemDoubleClickHandler::onBeforeItemDoubleClick(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemDoubleClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemDoubleClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the double click event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemDoubleClickHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_DOUBLE_CLICK, handler );
    }

    /**
     * Fires before the key down event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemKeyDownHandler( BeforeItemKeyDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemKeyDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemKeyDownHandler::onBeforeItemKeyDown(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemKeyDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemKeyDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the key down event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemKeyDownHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_KEY_DOWN, handler );
    }

    /**
     * Fires before the mouse down event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemMouseDownHandler( BeforeItemMouseDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseDownHandler::onBeforeItemMouseDown(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemMouseDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse down event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemMouseDownHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_MOUSE_DOWN, handler );
    }

    /**
     * Fires before the mouse enter event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemMouseEnterHandler( BeforeItemMouseEnterHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseEnterEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseEnterHandler::onBeforeItemMouseEnter(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemMouseEnterEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseEnterEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse enter event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemMouseEnterHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_MOUSE_ENTER, handler );
    }

    /**
     * Fires before the mouse leave event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemMouseLeaveHandler( BeforeItemMouseLeaveHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseLeaveEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseLeaveHandler::onBeforeItemMouseLeave(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemMouseLeaveEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseLeaveEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse leave event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemMouseLeaveHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_MOUSE_LEAVE, handler );
    }

    /**
     * Fires before the mouse up event on an item is processed.
     */
    public native HandlerRegistration addBeforeItemMouseUpHandler( BeforeItemMouseUpHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseUpEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseUpHandler::onBeforeItemMouseUp(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeItemMouseUpEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemMouseUpEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires before the mouse up event on an item is processed. Returns false to cancel the default action.
     */
    public void addBeforeItemMouseUpHandler( BeforeItemActionHandler handler ) {
        _addBeforeItemActionHandler( Event.BEFORE_ITEM_MOUSE_UP, handler );
    }

    /**
     * Fired before a record is selected.
     */
    public native HandlerRegistration addBeforeSelectHandler( BeforeSelectHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(sm, rec, index, e) {
			var rowModel = @com.ait.toolkit.sencha.ext.client.selection.RowSelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(sm);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeSelectEvent::new(Lcom/ait/toolkit/sencha/ext/client/selection/RowSelectionModel;Lcom/ait/toolkit/data/client/BaseModel;ILcom/google/gwt/core/client/JavaScriptObject;)(rowModel, model, index, e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeSelectHandler::onBeforeSelect(Lcom/ait/toolkit/sencha/ext/client/events/grid/BeforeSelectEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.BeforeSelectEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fired before a record is selected. If any listener returns false, the selection is cancelled.
     */
    public void addBeforeSelectHandler( BeforeSelectionHandler handler ) {
        _addBeforeSelectionHandler( Event.BEFORE_SELECT, handler );
    }

    /**
     * Fires when the container is clicked.
     */
    public native HandlerRegistration addContainerClickHandler( ContainerClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerClickHandler::onContainerClick(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerClickEvent;)(event);

		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires when the container is right clicked.
     */
    public native HandlerRegistration addContainerContextMenuHandler( ContainerContextMenuHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerContextMenuEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerContextMenuHandler::onContainerContextMenu(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerContextMenuEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerContextMenuEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires when the container is double clicked.
     */
    public native HandlerRegistration addContainerDoubleClickHandler( ContainerDoubleClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerDoubleClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerDoubleClickHandler::onContainerDoubleClick(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerDoubleClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerDoubleClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fires when a key is pressed while the container is focused, and no item is currently selected.
     */
    public native HandlerRegistration addContainerKeyDownHandler( ContainerKeyDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerKeyDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerKeyDownHandler::onContainerKeyDown(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerKeyDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerKeyDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addContainerMouseDownHandler( ContainerMouseDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseDownHandler::onContainerMouseDown(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerMouseDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addContainerMouseOutHandler( ContainerMouseOutHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOutEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOutHandler::onContainerMouseOut(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerMouseOutEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOutEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addContainerMouseOverHandler( ContainerMouseOverHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOverEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOverHandler::onContainerMouseOver(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerMouseOverEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseOverEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addContainerMouseUpHandler( ContainerMouseUpHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseUpEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/google/gwt/core/client/JavaScriptObject;)(view,e)
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseUpHandler::onContainerMouseUp(Lcom/ait/toolkit/sencha/ext/client/events/grid/ContainerMouseUpEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.ContainerMouseUpEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fired when a record is deselected.
     */
    public native HandlerRegistration addDeselectHandler( DeselectHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(sm, rec, index, e) {
			var rowModel = @com.ait.toolkit.sencha.ext.client.selection.RowSelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(sm);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.DeselectEvent::new(Lcom/ait/toolkit/sencha/ext/client/selection/RowSelectionModel;Lcom/ait/toolkit/data/client/BaseModel;ILcom/google/gwt/core/client/JavaScriptObject;)(rowModel, model, index, e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.DeselectHandler::onDeselect(Lcom/ait/toolkit/sencha/ext/client/events/grid/DeselectEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.DeselectEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemClickHandler( ItemClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemClickHandler::onItemClick(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemContextMenuHandler( ItemContextMenuHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemContextMenuEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemContextMenuHandler::onItemContextMenu(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemContextMenuEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemContextMenuEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemDoubleClickHandler( ItemDoubleClickHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemDoubleClickEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemDoubleClickHandler::onItemDoubleClick(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemDoubleClickEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemDoubleClickEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemKeyDownHandler( ItemKeyDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemKeyDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemKeyDownHandler::onItemKeyDown(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemKeyDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemKeyDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemMouseDownHandler( ItemMouseDownHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseDownEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemMouseDownHandler::onItemMouseDown(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemMouseDownEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseDownEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemMouseEnterHandler( ItemMouseEnterHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseEnterEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemMouseEnterHandler::onItemMouseEnter(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemMouseEnterEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseEnterEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemMouseLeaveHandler( ItemMouseLeaveHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseLeaveEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemMouseLeaveHandler::onItemMouseLeave(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemMouseLeaveEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseLeaveEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addItemMouseUpHandler( ItemMouseUpHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, rec, item, index, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.TableView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseUpEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/TableView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/google/gwt/core/client/JavaScriptObject;)(view,model,item,index,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.ItemMouseUpHandler::onItemMouseUp(Lcom/ait/toolkit/sencha/ext/client/events/view/ItemMouseUpEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.ItemMouseUpEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Fired when a record is selected.
     */
    public native HandlerRegistration addSelectHandler( SelectHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(sm, rec, index, e) {
			var rowModel = @com.ait.toolkit.sencha.ext.client.selection.RowSelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(sm);
			var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.SelectEvent::new(Lcom/ait/toolkit/sencha/ext/client/selection/RowSelectionModel;Lcom/ait/toolkit/data/client/BaseModel;ILcom/google/gwt/core/client/JavaScriptObject;)(rowModel, model, index, e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.SelectHandler::onSelect(Lcom/ait/toolkit/sencha/ext/client/events/grid/SelectEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.SelectEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addSelectionChangeHandler( SelectionChangeHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(sm, rec, e) {
			var rowModel = @com.ait.toolkit.sencha.ext.client.selection.RowSelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(sm);
			var model = @com.ait.toolkit.data.client.BaseModel::fromJsArray(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
			var event = @com.ait.toolkit.sencha.ext.client.events.grid.SelectionChangeEvent::new(Lcom/ait/toolkit/sencha/ext/client/selection/RowSelectionModel;Ljava/util/List;Lcom/google/gwt/core/client/JavaScriptObject;)(rowModel,model,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.grid.SelectionChangeHandler::onSelectionChange(Lcom/ait/toolkit/sencha/ext/client/events/grid/SelectionChangeEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.grid.SelectionChangeEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addFocusChangeHandler( FocusChangeHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(sm, o, n, e) {
			var sm = @com.ait.toolkit.sencha.ext.client.selection.SelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(sm);
			var oldFocused = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(oldFocused);
			var newFocused = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(n);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.FocusChangeEvent::new(Lcom/ait/toolkit/sencha/ext/client/selection/SelectionModel;Lcom/ait/toolkit/data/client/BaseModel;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/core/client/JavaScriptObject;)(sm,oldFocused,newFocused,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.FocusChangeHandler::onFocusChange(Lcom/ait/toolkit/sencha/ext/client/events/view/FocusChangeEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.FocusChangeEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addHighlightItemHandler( HighlightItemHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, el, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var element = @com.ait.toolkit.sencha.shared.client.dom.ExtElement::new(Lcom/google/gwt/core/client/JavaScriptObject;)(el);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.HighlightItemEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/sencha/shared/client/dom/ExtElement;Lcom/google/gwt/core/client/JavaScriptObject;)(view,element,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.HighlightItemHandler::onHighligthItem(Lcom/ait/toolkit/sencha/ext/client/events/view/HighlightItemEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.HighlightItemEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    public native HandlerRegistration addUnHighlightItemHandler( UnHighlightItemHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		var fn = function(v, el, e) {
			var view = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
			var element = @com.ait.toolkit.sencha.shared.client.dom.ExtElement::new(Lcom/google/gwt/core/client/JavaScriptObject;)(el);
			var event = @com.ait.toolkit.sencha.ext.client.events.view.UnHighlightItemEvent::new(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/sencha/shared/client/dom/ExtElement;Lcom/google/gwt/core/client/JavaScriptObject;)(view,element,e);
			handler.@com.ait.toolkit.sencha.ext.client.events.view.UnHighlightItemHandler::onUnHighligthItem(Lcom/ait/toolkit/sencha/ext/client/events/view/UnHighlightItemEvent;)(event);
		};
		var eventName = @com.ait.toolkit.sencha.ext.client.events.view.UnHighlightItemEvent::EVENT_NAME;
		component.addListener(eventName, fn);
		var toReturn = @com.ait.toolkit.sencha.ext.client.events.HandlerRegistration::new(Lcom/ait/toolkit/sencha/ext/client/core/Component;Ljava/lang/String;Lcom/google/gwt/core/client/JavaScriptObject;)(this,eventName,fn);
		return toReturn;
    }-*/;

    /**
     * Creates a new DataView from the given component
     * 
     * @param component
     *            , the component to cast from
     * @return, a new DataView from the component
     * 
     */
    public static DataView cast( Component component ) {
        return new DataView( component.getOrCreateJsObj() );
    }

    private native void _addBeforeContainerActionHandlerHandler( String event, BeforeContainerActionHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		component
				.addListener(
						event,
						$entry(function(v, e) {
							var cmp = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
							var event = @com.ait.toolkit.sencha.shared.client.core.EventObject::new(Lcom/google/gwt/core/client/JavaScriptObject;)(e);
							return handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeContainerActionHandler::onAction(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/sencha/shared/client/core/EventObject;)(cmp,event);
						}));
    }-*/;

    private native void _addBeforeSelectionHandler( String event, BeforeSelectionHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		component
				.addListener(
						event,
						$entry(function(rm, rec, index) {
							var rowModel = @com.ait.toolkit.sencha.ext.client.selection.RowSelectionModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rm);
							var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
							return handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeSelectionHandler::onAction(Lcom/ait/toolkit/sencha/ext/client/selection/RowSelectionModel;Lcom/ait/toolkit/data/client/BaseModel;I)(rowModel,record,index);
						}));
    }-*/;

    private native void _addBeforeItemActionHandler( String event, BeforeItemActionHandler handler )/*-{
		var component = this.@com.ait.toolkit.sencha.ext.client.core.Component::getOrCreateJsObj()();
		component
				.addListener(
						event,
						$entry(function(v, rec, item, index, e) {
							var cmp = @com.ait.toolkit.sencha.ext.client.ui.DataView::new(Lcom/google/gwt/core/client/JavaScriptObject;)(v);
							var model = @com.ait.toolkit.data.client.BaseModel::new(Lcom/google/gwt/core/client/JavaScriptObject;)(rec);
							var event = @com.ait.toolkit.sencha.shared.client.core.EventObject::new(Lcom/google/gwt/core/client/JavaScriptObject;)(e);
							return handler.@com.ait.toolkit.sencha.ext.client.events.grid.BeforeItemActionHandler::onAction(Lcom/ait/toolkit/sencha/ext/client/ui/DataView;Lcom/ait/toolkit/data/client/BaseModel;Lcom/google/gwt/dom/client/Element;ILcom/ait/toolkit/sencha/shared/client/core/EventObject;)(cmp,model,item,index, event);
						}));
    }-*/;
}