草庐IT

UI组件库

全部标签

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - Angular2 rc5> 组件未加载

我最近从RC4迁移到Angular2RC5。从那以后我遇到了几个问题。我不确定这些问题是我的错误还是过渡性的。我的应用程序组件如下所示:import{Component,OnInit}from"@angular/core";import{SetLocationService}from"./auth/set-location.service";@Component({selector:"my-app",template:``})exportclassAppComponentimplementsOnInit{constructor(private_setLocationService:Se

javascript - D3.js 4 与 AngularJS 1.5(组件或指令?)

我想在AngularJS1.5x中使用D3.jsv4过去我使用.directives作为图表,但现在我想知道是否可以使用.components代替指令,这是否是一个好的做法。CheckthesamplecaseonPlunkr问题出现在组件中的d3.select(element[0]).append('svg')中。控制台抛出错误:元素未定义。所以我尝试了类似d3.select('chart-container').append('svg')但随后d3在拥有该类的第一个元素中注入(inject)所有图表(在所有文档中查找该类,而不仅仅是组件)。那么...有人可以帮我为可重用组件做一个正

javascript - 使用按钮和关闭图标关闭 React Semantic UI 模式

我有一个模态窗口,用户需要在其中填写一些表格并通过模态窗口中的按钮保存填写的内容。当用户保存时,我希望模式关闭。我可以通过在Modal组件上使用openProp来完成这项工作。但如果我这样做,当我尝试通过closeIcon这样做时,模态不会关闭。我该怎么做才能让用户通过这两种方法关闭模态框?这是我当前的模态代码:handleCreateButton(evt){evt.preventDefault()//...//codetosavewhateverwastypedintheform//...this.setState({showModal:false})}renderModalForm

javascript - 使用 jasmine 测试 javascript UI 的最佳方法

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭4年前。Improvethisquestion我初看jasmine框架,它看起来很有前途,但我找不到使用dom的简单方法。我的意思是,模拟用户交互,比如完成和输入,点击一个按钮,然后检查dom是否正确更新,比如在输入验证后显示错误,并显示修改后的数据。就是您通常使用selenium等工具执行的操作。有没有标准的方法来做,或者ui测试超出了jasmine的领域,我应该为这样的任务寻找另一个框架?

javascript - 获取 jQuery UI 主题列表 - 来自 URL(同源策略)

有谁知道从http://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/获取jQuery主题列表的方法吗??我正在创建带有主题滚轮的简单网页,用户可以在其中动态切换主题。Workingfiddle-单击右上角的主题并选择一个新主题。现在列表硬编码如下,cupertinohot-sneakssmoothnesspepper-grinderui-lightnessui-darkness有没有办法从URLhttp://jquery-ui.googlecode.com/svn/tags/1.8.23/themes/获取这个主题列表??(跨域:ht

javascript - 从组件触发路由 Action

我有一个组件,我想触发路由级别的操作,以便我可以转换到不同的路由。App=Ember.Application.create();App.Router.map(function(){});App.IndexRoute=Ember.Route.extend({actions:{complete:function(){//Thisneverhappens:(console.log('Triggeredcomplete!');}}});App.MyAreaComponent=Ember.Component.extend({actions:{clickMyButton:function(){co

javascript - angular ui router - 必须点击两次才能按预期更新 View (带演示)

我是Angular的新手,刚刚开始掌握AngularUI路由器框架。我有一个html页面,其中包含一个问题列表(每个问题都需要自己的url)和一个结果页面。我创建了一个快速精简的plunker(包含所有文件)来演示这个问题:http://plnkr.co/edit/QErnkddmWB0JgendbOiV?p=preview对于SO引用:应用程序.jsangular.module('foo',['ui.router']).config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/q

javascript - Angular ui路由器 - 重定向根本不起作用

我正在使用ui.router在我的Angular应用程序中进行路由。有一个典型的登录场景,如果用户没有登录,我会将他重定向到登录url。没有ui.router库,使用$routeChangeStart事件结合$location.path。现在,我正在使用$stateChangeStart事件,结合$state.go,没有任何效果!它还使我的浏览器进入无限循环。我从其他来源了解到这是一个已知错误,建议的解决方案都不适合我。此外,$location.path也不会重定向到登录页面。这是我配置路径的方式:.config(['$stateProvider','$urlRouterProvide

javascript - 如何使用 jQuery UI Selectmenu 获取更改时所选项目的值

我正在使用“选择菜单”小部件在表单中显示状态列表:SelectStateAlabamaAlaskaArizonaCaliforniaColoradoConnecticut在我的脚本中有$("#state").selectmenu();现在,我要做的是发出所选选项值的警报。所以我有这个:$('select').on('change',function(e){varoptionSelected=$("option:selected",this);varvalueSelected=this.value;alert(valueSelected);});问题是,出于某种原因,当我使用JQuery