草庐IT

react-data-grid

全部标签

javascript - AngularJS 应用程序 : Load data from JSON once and use it in several controllers

我正在开发一个使用AngularJS作为框架的移动应用程序,目前我的结构与此类似:app.config(['$routeProvider',function($routeProvider){$routeProvider.when('/',{templateUrl:'pages/home.html',controller:'homeCtrl'}).when('/one',{templateUrl:'pages/one.html',controller:'oneCtrl'}).when('/two',{templateUrl:'pages/two.html',controller:'two

javascript - 如何在 vim 中添加 react jsx 作为 javascript 文件类型并启用 eslinting、自动完成?

我最近开始使用vim。我想设置具有.jsx的文件扩展名被视为.jsVim中的java脚本文件。我也想用我的.jsx启用es-linting、片段文件。我在我的系统中安装了以下软件包npminstall-geslintnpminstall-gbabel-eslintnpminstall-geslint-plugin-react我也安装了Bundle'mxw/vim-jsx'在vim中支持jsx。还在我的.vimrc文件中添加了以下几行letg:syntastic_javascript_checkers=['eslint']letg:jsx_ext_required=0编辑找到了这个用于r

javascript - React-Router 的历史对象问题

我正在使用React和ReactRouter构建一个非常简单的网页。我已经使用NPM安装了最新版本的ReactRouter模块(v3.0.0),在我的index.js文件中写了3个非常简单的路由:importReact,{Component}from'react';import{render}from'react-dom';import{Router,Route}from'react-router';//ImportcustomcomponentsimportAboutfrom'../components/about.js';importContactfrom'../component

javascript - 使用 react 更改列表中的事件元素

我有一个通过在react中使用数组创建的元素列表。在用户单击时,如何使被单击的元素处于事件状态(通过添加CSS类),同时使其他元素处于非事件状态(通过删除事件类)?我的元素渲染看起来像这样。{this.props.people.map(function(person,i){{person.name}}当用户单击这些元素之一时,将向单击的“媒体”元素添加一个事件类,使单击的元素成为“媒体事件”,同时从先前单击的元素中删除“事件”类?? 最佳答案 constructor(props){super(props);this.state={a

javascript - react native : @providesModule declaration with the same name across two different files

我们有两个repos,它们都有react-native作为依赖项;一个是实际的RN应用程序,另一个是UI包,其中包含许多自定义的react-native组件。当我使用RN应用程序符号链接(symboliclink)(使用npm链接)UI包并尝试启动js服务器时,它抛出以下错误:此错误是由两个不同文件中具有相同名称的@providesModule声明引起的。这似乎是因为它在UI包的react-native副本中获取相同的RN文件。我知道watchman不使用符号链接(symboliclink)存在问题,但我认为这是不同的-与有两个react-native模块有关。请问有人知道解决这个问题

javascript - react native 绑定(bind)动画事件

需要一些JS方面的帮助。是否可以根据需要绑定(bind)动画事件?我需要这样做:onScroll={Animated.event([{nativeEvent:{contentOffset:{y:this.state.animTop}}}])}我也需要这样做onScroll={(e)=>{letpositionY=e.nativeEvent.contentOffset.y;this._handleScroll(positionY);this.setState({y:positionY})}}我试过像这样绑定(bind)两者,但它不需要执行Animated.eventcomponentDi

javascript - 如何设置 data-id 属性

我正在尝试在点击事件后从我的js文件中设置数据ID和/或跨度值。我的sudo代码js文件nextLink:function(event){$('#test').val=3;$('#test').data('id')='Next';}, 最佳答案 尝试将其设置为属性..$('#test').attr('data-id','Next');//JQuery你也可以试试setAttribute()..vard=document.getElementById("test");//Javascriptd.setAttribute('data-i

javascript - React : this.状态在for循环中消失

如何将this带入我的.map()循环?它似乎消失了。:-(我正在创建一个“动态表单”,用户可以在其中为其表单指定多行输入。我想遍历state.items[]中的所有项目并为它们构建表单输入字段。例如,表单以“field”和“autocomplete_from”开头。然后用户可以单击添加新行以在其表单中获取更多行。102render:function(){103return(104105{this.state.items.map(function(object,i){106return(107109110State.autocomplete_from:{this.state.autoc

javascript - react native : ListView not displaying all rows

我试图在ReactNativeListView中显示行列表,但它只显示适合单个屏幕的条目,即我无法向下滚动以查看更多行。样式如下:styles=StyleSheet.create({container:{flex:1,marginTop:60},rowContainer:{flexDirection:'row',justifyContent:'space-around'}})ListView:return({this.getHeader()})行:return({text})我做错了什么? 最佳答案 我有同样的问题,发现外面有包装V

javascript - Select2.js v4.0 : how set the default selected value with a local array data source?

通过使用select2.jsv4插件,当我使用本地数组数据作为源时,如何设置默认选择值?以这段代码为例vardata_names=[{id:0,text:"Henri",},{id:1,text:"John",},{id:2,text:"Victor",},{id:3,text:"Marie",}];$('select').select2({data:data_names,});如何设置id3为默认选中值? 最佳答案 $('.select').select2({data:data_names,}).select2("val",3);