草庐IT

按钮(Button)组件

全部标签

javascript - 将数据从子组件传递到父组件 - react - 通过回调函数

通过回调函数将数据从子组件传递到父组件但不知何故它不起作用。我在这里做错了什么?将数据从子组件传递到父组件-react-通过回调函数https://codepen.io/silentarrowz/pen/GEMQEP?editors=0010这是代码classAppextendsReact.Component{constructor(props){super(props);this.state={input:'thisistheinputfornow'}//this.handleInput=this.handleInput.bind(this);}handleInput(x){this

javascript - 更改 Button 元素的类以显示/隐藏它

我正在尝试根据代码中的特定条件显示或隐藏按钮元素。我已使用display:none将按钮的默认css设置为“隐藏”它,然后添加一个将显示更改为display:block的类。HTML:SHOWCSS:#show{display:none;}#show.visible{display:block;}JS:vard=document.getElementById('show');d.className+="visible";我也试过:vard=document.getElementById('show');d.classList.add("visible");还有:documnet.get

javascript - 如何将信息传递给 react 中的嵌套组件?

说我有(其中component1有一个子component2,component2有一个子component3,component3有一个子component4)并说我想将一些东西从component1传递到component4。我需要将props向下传递吗?所以组件1->组件2->组件3->组件4?请注意:这些组件不在同一个文件中。所以在component1.js中我指的是在component2.js中,我指的是等等 最佳答案 这里有两个主要选项:传递Prop。使用contextAPI使用props你还有两个主要选项:你可以隐式传

javascript - 如何从父组件将类应用到 Vue.js 功能组件?

假设我有一个功能组件:Somefunctionalcomponent现在我在一些带有类的父级中渲染这个组件:结果DOM没有将new-class应用于Functional子组件。现在据我了解,Vue-loader将Functional组件针对render函数context编译为explainedhere.这意味着类不会被直接应用和智能合并。问题是-如何在使用模板时让函数式组件与外部应用的类很好地配合?注意:我知道可以通过渲染函数轻松实现:Vue.component("functional-comp",{functional:true,render(h,context){returnh("

javascript - 当所有数据准备好时加载组件

我正在使用React和Redux。在此示例中,我的类(class)包含ma​​pStateToProps和ma​​pDispatchToPropsclassEnigmaPageextendsComponent{constructor(props){super(props);}componentDidMount(){this.props.authCheckState();}readUserData(){this.props.loadLevel(this.props.userId);}render(){return()}}constmapDispatchToProps=dispatch=>

javascript - 使用 jQuery,如果选择了单选按钮,则隐藏文本框

我有2个单选按钮,我想要的是如果用户选择顶部的单选按钮然后隐藏一个文本框。不确定如何将事件绑定(bind)到单选按钮。 最佳答案 像这样:在jQuery中:$('input[name=foo]').click(function(){if($(this).val()=="top"){$('#textbox').hide();}else{$('#textbox').show();}});click因为change在IE上似乎不能正常工作。 关于javascript-使用jQuery,如果选择

javascript - Jquery 自动加载 gif 和按钮在提交点击时禁用

是否可以自动显示/隐藏ajax加载gif,同时禁用/启用提交按钮?(当提交按钮是样式化的而不是输入类型=提交时)目前提交时我这样做:$("#save_button_id").click(function(){if($('#save_button_id').hasClass('ui-state-disabled'))returnfalse;Save();});functionSave(){StartAjax($("#save_button_id"));$.ajax({success:function(data){EndAjax($("#save_button_id"));//etc...

javascript - 在 GWT 页面上启用和禁用保存按钮

我正在处理的应用程序包含带有大量文本框的设置数据页面;每个页面都有一个保存按钮。我已将大部分页面定义为*.ui.xml文件并使用GWT2.0UI绑定(bind)。我想添加一个保存按钮,该按钮在onload中被禁用,并且仅在用户将数据修改到其中一个文本框后才启用。我知道我可以为页面上的每个元素注册一个事件处理程序来启用按钮,但我想要一个更优雅的解决方案。理想情况下,我想定义一个“监听”页面上的事件并自行更改的按钮。这在GWT中可能吗? 最佳答案 您还可以使用addDomHandler将更改事件添加到整个包含的小部件publicclas

javascript - 如果在按钮外单击,jQuery 会隐藏

我想通过使用jQuery单击按钮来显示一个段落。但是当它可见时,我想通过单击按钮以外的任何地方(即按钮外的任何地方)来隐藏它。例如,这是我的代码:HelloworldSayHellojQuery:$("button").click(function(){$("p").show();});这是jsfiddle链接:http://jsfiddle.net/k9mUL/如何通过在按钮外单击来隐藏它?谢谢 最佳答案 您可以将click事件处理程序绑定(bind)到document以及按钮上的事件处理程序。在该事件处理程序中,隐藏p元素:$(

javascript - 如何使用 Javascript 或 jQuery 对单选按钮值求和?

假设我有3个单选按钮,每个单选按钮和一个文本框将显示每个选中的单选按钮的总和,每个单选按钮都有不同的值。每次单击单选按钮时,我应该使用哪个Jquery或Javascript事件来汇总值?最初,我的单选按钮旁边有一个文本框,目的是显示所选单选按钮的值,但我很难触发一个事件来总结文本框自身变化的值(因为keyup或keydown在这种给定情况下不起作用)。为了更好地解释我想要实现的目标,下面是我的工作示例。任何帮助和提示将不胜感激。提前致谢。P.S.:如果要求不高,您能否也添加一个工作示例,以便我可以使用工作示例。谢谢。YesNoYesNoYesNoTotalScore: