草庐IT

按钮组件

全部标签

javascript - 商店状态更改时 React 组件不更新

下面是我的组件类。该组件似乎永远不会执行componentWillUpdate(),即使我可以在mapStateToProps返回之前通过记录看到状态更新。状态100%发生变化,但组件不会刷新。importReact,{Component}from'react'import{connect}from'react-redux'import{search}from'./mapActions'importLfrom'leaflet'classMapextendsComponent{componentDidMount(){L.Icon.Default.imagePath='./images't

javascript - 简单的 AngularJS 1.5.9 组件不在 MVC 5 中呈现

我正在尝试启动AngularJS1.5.9并使用名为配置列表的非常简单的组件运行MVC5应用程序。我创建了一个MVC5应用程序(4.5.2),添加了Angular.Core1.5.9Nuget包为了摆脱MVC5、布局和Razor渲染,我创建了一个名为test.htm的简单文件:在module.js中:(function(){"usestrict";angular.module("radar",[]).component("configuration-list",{template:"Hellofromconfigurationlist"});}());浏览器(IE11)显示为空。我已经

javascript - React-Apollo,不要在组件加载时运行查询

我正在使用很棒的https://github.com/apollographql/react-apollo库,我正在尝试查看是否有比我现在做的更好的约定来将数据加载到组件中。我已经将我的组件设置为使用apolloHOC将数据加载到我的组件中,如下所示:constmainQuery=gql`querycurrentProfileData($userId:String,$communityId:String!){created:communities(id:$communityId){opportunities{submittedDateapprovalDatestatusopportun

javascript - "Can' t 绑定(bind)到 'ngModel' 因为它是 't a known property of ' p-calendar '"尝试使用 PrimeNG 组件的错误消息,为什么?

我是Angular2\4的新手,我正在尝试按照这个快速视频教程将PrimeNG组件添加到我的Angular项目中:https://www.youtube.com/watch?v=6Nvze0dhzkE和PrimeNG教程页面的入门部分:https://www.primefaces.org/primeng/#/setup所以这是我的app.component.htmlView:Welcometo{{title}}!!{{value|date:'dd.mm.yyy'}}如您所见,我插入了这个标签来显示日历组件:(如该组件的官方文档所示:https://www.primefaces.org/

c# - 按钮不适用于更新面板

我在更新面板中放置了一个计时器和一个用于显示倒计时时间的标签。我在更新面板外放置了用于显示下一个问题的下一个按钮。我的问题是按钮点击不适用于更新面板。在不使用更新面板和计时器的情况下,它运行良好。我该如何解决这个问题?我还尝试将整个工具放在更新面板中。它对我没有帮助。这是我的代码: Score:我添加了以下代码。还是不行。你能帮帮我吗....使用更新面板时,单选按钮的选择会自动清除。有什么帮助....?谢谢.... 最佳答案 您的UpdatePanel格式不正确。标记中有一个额外的asp:UpdatePanel标记。改用这

javascript - 使用 AngularJS 折叠时如何切换按钮上的图标?

我有这个按钮Details当我点击它时,我想切换为Details并在折叠时使用icon-fullscreen恢复它。有AngularJS的方法吗? 最佳答案 我认为这可能会成功:Details在这种情况下,当isCollapsed为真且icon-fullscreen当它不是真的。这是documentation.当将键值对对象传递给ngClass时,键表示在其值评估为真时将应用的类。 关于javascript-使用AngularJS折叠时如何切换按钮上的图标?,我们在StackOverfl

javascript - 在 React 中使用 SetInterval 卸载组件

我正在尝试使用setInterval卸载组件。这是基于答案here:组件:classImageSliderextendsReact.Component{constructor(props){super(props);this.state={activeMediaIndex:0};}componentDidMount(){setInterval(this.changeActiveMedia.bind(this),5000);}changeActiveMedia(){constmediaListLength=this.props.mediaList.length;letnextMediaI

javascript - Ext RadioGroup - 如何访问所选单选按钮的值?

我在访问单选组中所选单选按钮的值时遇到了一些困难。根据论坛和网络上其他帖子中的讨论,我尝试了多种不同的方法。不幸的是,没有足够的幸运(或技术)让它发挥作用。基于以下FormPanel配置,我希望有人能告诉我如何获取组“mainPhone”中所选radio的值。谢谢!想要更新以表明我能够从stackoverflow获得响应,而EXT-JS论坛没有为我提供任何帮助。开始使用stackoverflow!马特functioncreateForm(elem){varmyForm2=newExt.form.FormPanel({renderTo:elem,width:425,frame:true,

javascript - 使用 JavaScript/jQuery 的后退按钮

我有两个相同的HTML页面(index.html和page1.html),其中包含两个按钮:SubmitCancel其中一个按钮更改为第二页,第二个按钮的作用类似于后退按钮。(理想情况下,您可以使用第一个按钮转到第二页,然后使用第二页上的后退按钮返回第一页。)我使用JavaScript控制它(这只适用于index.html按钮,但page1.htmlJS是相同的):$(document).on('click','#submit',function(){$(":mobile-pagecontainer").pagecontainer("change","page1.html",{tran

javascript - <MuiThemeProvider/> 中的其他组件导致空白页面没有错误消息

我最近使用npminstall--savematerialui在我的Meteor应用程序中安装了MaterialUI我得到了组件出现在我的app.js中文件,但每当我添加其他组件时,localhost:3000只是显示一个空白页。请在下面查看我的代码:header.jsimportReact,{Component}from'react';importAppBarfrom'material-ui/AppBar';classHeaderextendsComponent{render(){return();}}exportdefaultHeader;app.jsimportReactfrom