react-native-tizen-dotnet/Libraries/Components/GridView/GridView.tizen.js

react-native-tizen-dotnet is a React Native framework for developer to build Tizen.NET apps on Tizen.

/**
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * Facebook, Inc. ("Facebook") owns all right, title and interest, including
 * all intellectual property and other proprietary rights, in and to the React
 * Native CustomComponents software (the "Software").  Subject to your
 * compliance with these terms, you are hereby granted a non-exclusive,
 * worldwide, royalty-free copyright license to (1) use and copy the Software;
 * and (2) reproduce and distribute the Software as part of your own software
 * ("Your Software").  Facebook reserves all rights not expressly granted to
 * you in this license agreement.
 *
 * THE SOFTWARE AND DOCUMENTATION, IF ANY, ARE PROVIDED "AS IS" AND ANY EXPRESS
 * OR IMPLIED WARRANTIES (INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
 * OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE) ARE DISCLAIMED.
 * IN NO EVENT SHALL FACEBOOK OR ITS AFFILIATES, OFFICERS, DIRECTORS OR
 * EMPLOYEES BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
 * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
 * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THE SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 *
 * @providesModule GridView
 */
'use strict';

var React = require('React');
var LayoutPropTypes = require('LayoutPropTypes');
var ReactNative = require('ReactNative');
var StyleSheet = require('StyleSheet');

var View = require('View');
var ReactNativeViewAttributes = require('ReactNativeViewAttributes');
var StyleSheetPropType = require('StyleSheetPropType');
const PropTypes = React.PropTypes;
var requireNativeComponent = require('requireNativeComponent');



var GridView = React.createClass({

  propTypes: {
        ...View.propTypes,
        GridItemList: PropTypes.array,
        onSelectedChange : PropTypes.func,
        itemWidth: PropTypes.number,
        itemHeight: PropTypes.number,
        alignmentX: PropTypes.number,
        horizontal: PropTypes.number,
        selected: PropTypes.number,
        highlight: PropTypes.bool,
        alignmentY:PropTypes.number,
        weightX: PropTypes.number,
        weightY: PropTypes.number,
        itemAlignmentX: PropTypes.number,
        itemAlignmentY: PropTypes.number,

    },
    _onSelectedChange:function(event){
    var value  = event.nativeEvent.value;
    this.props.onSelectedChange && this.props.onSelectedChange(value)
},

render: function() {
  var props = {
       ...this.props,
      onSelectedChange:this._onSelectedChange

};
  return (
        <RCTGridView {...this.props}
            onSelectedChange = {this._onSelectedChange}
        />
  );
},

});


var RCTGridView = requireNativeComponent('RCTGridView',GridView);

module.exports = GridView;