草庐IT

UI组件库

全部标签

javascript - 带有 Flux 的嵌套循环 React 组件,更改父级或子级的监听器?

我正在React/Flux中构建一个WordDojo克隆。该游戏本质上是Boggle-您可以通过点击网格中相邻的字母来拼词:我的React组件及其来源:GameboardTileColumnTile所有源代码canbeviewedhere.目前的运作方式:有一个GameStore包含javascript对象的二维数组。这些对象有一个“字母”字符串值和一个“事件”bool值。当用户单击一个字母时,它会分派(dispatch)到GameStore,GameStore会更新该二维数组并发出Change事件。GameBoard组件监听该更改事件,然后重新呈现10个TileColumns,每个T

javascript - jQuery UI sortable 在排序时触发 css3 动画

我有一些sortables,它们通过一个类定义了CSS3关键帧动画。排序时,我注意到在thisFiddle.中看到的奇怪行为.slideLeft{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important;

javascript - React + 语义-UI : Using Forms inside UI MODAL

在没有React的普通旧语义UI中,我已经能够毫无问题地将表单放入模态框内。使用Semantic-UI+React版本,我能够在模态内显示表单,但它并没有像我期望的那样工作。例如,模态显示后,模态内的表单也显示出来。如果我开始在输入字段中输入,则会显示此错误:Error:InvariantViolation:findComponentRoot(...,.1.1.1.0.4.0.0.1):Unabletofindelement.ThisprobablymeanstheDOMwasunexpectedlymutated(e.g.,bythebrowser),usuallyduetoforg

javascript - 在两个同级 React.js 组件之间传递数据

我在一个页面上有一个组件(一个搜索字段)的两个实例,它们之间有第二个组件(一个调用服务器的按钮),例如:ReactDOM.render(,document.getElementById('root'));我想做的就是从CardSearch字段向RunOnServer按钮每个传递一个未修改的参数,但如果这很容易,我会被诅咒的。Accordingtothis我可以使用this.state.var作为Prop,但是这样做会在代码编译时给了我“undefined.state.var”。React'sofficialdocs不是很好;他们只是告诉我自己去使用Flux,这看起来很愚蠢……我不需要一

javascript - 如何在 Vuejs 组件中应用过滤器?

如果我有一个简单的过滤器,请说:Vue.filter('foo',function(value){returnvalue.replace(/foo/g,'bar');});还有一个简单的组件:Vue.component('example',{props:{msg:String,},});在标记内:{{msg}}我可以简单地应用过滤器:{{msg|foo}}我可以轻松地在模板中应用过滤器,但我想将该逻辑移回到组件中。它不需要成为过滤器,但基本上是一种为数据字段创建getter和setter的方法。类似于:Vue.component('example',{props:{msg:{type:

javascript - 语义 ui 的 `gulp build` 给出错误 'ENOENT: no such file or directory'

版本:gulp@3.9.1我已经通过npminstall安装了semantic-ui并在交互式设置过程中给出了默认设置。但是当我从/semantic文件夹执行gulpbuild时,我收到以下错误:[20:52:27]Starting'build'...BuildingSemantic[20:52:27]Starting'build-javascript'...BuildingJavascript[20:52:27]Starting'build-css'...BuildingCSS[20:52:27]Starting'build-assets'...Buildingassets[20:5

javascript - 是通过 Prop 将对象传递给子 react 组件,克隆原始对象还是通过引用传递?

如果我要通过components属性将对象传递给子组件,这个对象是被克隆还是只是传递对原始对象的引用?例如,在我的App.js中,我正在导入一个JSON对象ENTRY_DATA。然后我通过Prop将该对象传递给我的子组件(或在本例中为路由)。我这样做是在节省内存还是与在每个组件上导入ENTRY_DATA一样?importReact,{Component}from'react';import{withRouter,Route}from'react-router-dom'importENTRY_DATAfrom'./../../entry_data.json';importRegister

javascript - 传递给回调函数的 "ui"对象的 jQuery UI 对象类型?

在jQueryUI中,传递给许多事件方法的回调函数的“ui”对象的类型/内容是什么,我该如何使用它?例如,“selectable”演示,事件“selected”传递了两个参数。“事件”和“用户界面”。我正在尝试按如下方式使用它:$("#selectable").selectable({selected:function(event,ui){$(ui).find("input").attr('checked',true);}});(这里是html:)但它不起作用。我究竟做错了什么?我假设ui参数设置为代表所选“li”的对象,但是当我尝试使用它时,情况似乎并非如此......Example

javascript - 获取 JQuery ui.draggable 的属性

我正在使用JqueryUI在我的一个页面上进行拖放,但出于某种原因,我似乎无法获得传递到我的可放置放置事件中的ui.draggable对象的属性。ui.draggable.attr("src")和$(ui.draggable).attr("src")都返回undefined,但是如果我键入ui.draggable.html(),我将取回html。有什么想法吗? 最佳答案 我想通了。解决方案是调用ui.draggable.find("img").attr("src"),我只是假设ui.draggable对象是一个图像。

javascript - 在页面加载/重新加载时设置 Jquery ui 事件选项卡

我正在使用运行良好的JqueryUI选项卡的基本实现,但我想根据用户操作动态设置(或重置)事件选项卡。如何根据查询字符串值设置事件选项卡?使用我之前的选项卡解决方案,我能够传递查询字符串值并在页面加载时设置事件选项卡。(由于其他技术挑战,我不得不放弃这个旧的解决方案。)当用户在我的浏览器应用程序中选择“保存”按钮并重新加载浏览器页面时,我如何才能将焦点保持在他们按下保存之前所在的选项卡上?当用户返回浏览器应用程序的“任务”页面时,如何设置事件选项卡?例如,在我的Web应用程序中,如果用户浏览到“项目”页面然后返回到“任务”页面,我该如何重置他们之前所在的选项卡?Javascript:$