草庐IT

coded-ui-tests

全部标签

javascript - 带有 Material-UI 的 ReactJS : How to sort an array of Material-UI's <TableRow> alphabetically?

目前,我渲染Material-UI的's(http://www.material-ui.com/#/components/table)与一个数组s并使用.map().每个有一个代表名字,像这样Josh.但是,如果用户按下按钮,我想对进行排序按's字母顺序排列名。所以说例如10s,如果数组[0]的名字是Conny,而数组[1]的名字是Adrian,则希望数组[1]成为数组[0]。正确的做法是什么?任何指导或见解将不胜感激。编辑每一行都会像数组rows那样呈现,具有属性为firstName的对象和favColor:{rows.map((row)=>{return()})}每行定义如下:co

javascript - 找不到模块 : Can't resolve 'material-ui/styles/colors'

我有以下代码,未编译:importReactfrom'react';import{AppBar,Toolbar}from'material-ui';import{Typography}from'material-ui';import{MuiThemeProvider,createMuiTheme}from'material-ui/styles';import{cyan,red}from'material-ui/colors';import{red400}from'material-ui/styles/colors';consttheme=createMuiTheme({palette:

javascript - 类型错误 : redeclaration of let error in Firebug console if running ES6 code

我正在学习ES6,所以请耐心等待。以下是运行良好的代码,如果我单击Run按钮一次,但在第二次单击时它开始显示TypeError:redeclarationofletmyArr错误。让我知道这种奇怪的(可能不是)行为。letmyArr=[34,45,67,2,67,1,5,90];letevenArr=[];letoddArr=[];myArr.forEach(x=>{if(x%2===0){evenArr.push(x);}else{oddArr.push(x);}});console.log(evenArr);console.log(oddArr);错误-

javascript - 如何设置语义 UI 下拉菜单的宽度

如何设置语义UI搜索选择下拉菜单的宽度?我需要将语义UI搜索选择下拉列表的宽度设置为下拉列表中最长的元素。任何帮助将不胜感激。 最佳答案 我使用了一个固定大小的包装器,结合了一个嵌套在其中的流体(扩展以适应父级的大小)下拉菜单MyDropdownText 关于javascript-如何设置语义UI下拉菜单的宽度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/42750197/

javascript - 如何组织 Javascript UI?

我需要有关程序架构的良好示例和最佳实践。我正在尝试为与Google.Maps配合使用的应用程序构建JS用户界面。在第一稿中,用户应该能够以类似于G.M.的方式在map上绘制几何形状。然后通过AJAX发送形状并显示响应。问题是代码因为多边形编辑而变得复杂。受到Joel的“管道胶带程序员”的启发,我试图绘制一个简单的代码来生成操作和切换事件处理程序,以避免大的if-else树。“新多边形”按钮为map.onclick创建一个观察者,更改其他按钮的事件处理程序或隐藏它们,并隐藏自身等。这种方法的缺点是数据处理代码与接口(interface)混合在一起。创建一个div容器以在新多边形上显示数据

JavaScript 正则表达式 : test and exec

我想获取多行文本中所有图像的URL(无论它包含什么)。这是我的代码:varpattern=/(http:\/\/\S+\.(?:jpg|gif|png|jpeg|JPG|GIF|PNG|JPEG))/mg;vartestResult=pattern.test(str));varresult=pattern.exec(str);如果str等于"http://example.dom.com/-6/x_5eb0916a.jpg",testResult等于true但result为null。为什么?你能帮我解决这个问题吗? 最佳答案 那是因为

javascript - WebSocket 握手 : Unexpected response code: 404

我正在编写我的第一个websocket程序并在加载网页时遇到“WebSocket握手:意外响应代码:404”错误。我正在使用JDK1.7和jboss8(wildfly8.0)。有人可以帮忙吗?window.onload=init;varsocket=newWebSocket("ws://localhost:8080/WebsocketHome/actions");socket.onmessage=onMessage;在html中头部 最佳答案 谢谢大家的建议,我找到了答案。我复制的代码来自http://www.oracle.com/

javascript - 如何根据 Material UI (React JS) 中的要求制作一个 'Select' 组件

除非有选择的选项,否则我想用红色显示错误。有什么办法吗。 最佳答案 要使用MaterialUI设置必填的Select字段,您可以:classSimpleSelectextendsReact.PureComponent{state={selected:null,hasError:false}handleChange(value){this.setState({selected:value});}handleClick(){this.setState(state=>({hasError:!state.selected}));}rende

javascript - jQuery UI 可排序 : Scroll entire page as well as container

我有两个元素列表,并且我在这两个列表上都启用了jQueryUI可排序功能。我使用connectWith选项使我能够在两个列表之间拖动。一个列表中有很多元素,所以我向它添加了overflow-y:scroll,但是当我尝试从该列表中抓取一个元素并将其拖到另一个列表时,它只滚动列表,而不是整个页面。我制作了一个jsFiddle演示(http://jsfiddle.net/MCcuc/)。向下滚动,并尝试将ItemQ(通过框顶部的灰色条将其拖动)从红色列表移动到绿色列表中。您会看到红色列表滚动,但页面不会滚动。如何滚动整个页面以及列表?我只是启用sortable,没有很多选项:$('.sor

javascript - angularjs + ui 路由器 : redirect to login page when user is not logged in on each state change

我正在使用angularjs和ui-router构建一个简单的博客应用程序,我想监听每个状态变化并检查用户是否已登录。如果他没有登录,我想将他重定向到登录页面。场景非常简单,我试图实现thissolution没有运气。这是相关代码:app.config(function($stateProvider,$urlRouterProvider){$stateProvider.state('app',{url:'',abstract:true});$urlRouterProvider.otherwise('blogs');});app.run(function($rootScope,$stat