草庐IT

input组件

全部标签

javascript - Jquery on Input 不适用于动态插入的值

我正在尝试使用jquery提醒从javascript代码生成的值,该值是在输入框中生成的问题是jquery无法检测到更改,我测试的命令是“更改,输入”但是当我手动输入一个值jquery触发器示例代码:值是在javascript上动态生成并推送/插入到输入框,该值不是手动生成的javascript:document.getElementById("displayDID").value=DisplayName;html:jquery:$('#displayDID').on("input",function(){varwork=$(this).val();alert(work);});id=

javascript - 如何在没有 TestUtils.findAllInRenderedTree 的情况下遍历包括 DOM 组件在内的所有 React 组件?

Reactv0.14将不再提供通过TestUtils.findAllInRenderedTree遍历根组件内所有渲染组件的能力-DOM组件将被排除在外。是否有一些更好的做法遍历根组件内的所有组件? 最佳答案 您可以通过遍历子节点来递归遍历节点。functiontraverse(node,visitor){return_traverse(node,visitor,{level:0,parent:null});}function_traverse(node,visitor,state){visitor(node,state);if(!n

javascript - 我的子组件如何在 Angular 2 中调用父组件的方法?

背景假设我有一些父组件,称它为MatchList,其中显示了一个Hero对象列表,等等。每个Hero对象都有显示在某个表中的属性。现在假设我还为每个Hero设置了一个按钮,用于更新路线、加载新View并显示更多详细信息。之前http://heroic.com/match-list之后http://heroic.com/hero-84问题我的问题本质是这样的:我想从我的MatchList模板中的按钮调用路由器的navigate()方法,但是当我尝试时收到以下错误这样做:EXCEPTION:Errorduringevaluationof"click"BrowserDomAdapter.lo

javascript - ReactJs 上的无限循环渲染组件

我遇到了无限循环问题,但我看不出是什么触发了它。它似乎在渲染组件时发生。我有三个组件,组织如下:TimelineComponent|--PostComponent|--UserPopoverTimelineComponenet:React.createClass({mixins:[Reflux.listenTo(TimelineStore,'onChange'),],getInitialState:function(){return{posts:[],}},componentWillMount:function(){Actions.getPostsTimeline();},render

javascript - VueJS 在内联模板组件中重新编译 HTML

我已经将bootstrapTable(https://github.com/wenzhixin/bootstrap-table)包装到一个指令中,如下所示:Vue.directive('bootstraptable',{priority:1000,params:['url','resource-name'],bind:function(){var_self=this;$(this.el).bootstrapTable({pagination:true,pageSize:15,pageList:[],sidePagination:'server',url:this.params.url,

javascript - 从无状态组件获取输入值

语境我试图从另一个无状态组件中的无状态组件获取输入字段的值,然后使用它来调用方法。我正在为我的UI组件使用rebass,并在Meteor+Mantra中执行此操作。我知道如果我使用,我可以通过使用refs来做到这一点HTML字段而不是另一个无状态组件。问题我当前的代码产生未定义的preventDefault,删除后,console.log会在每次输入更改时打印出来,而不是在提交时打印出来。我相信我的状态适用于整个仪表板组件,而不是无状态的Rebass,但我不知道如何改变它。importReactfrom'react';import{PageHeader,Container,Input,

javascript - 从组件文件和 View 模型生成原始 HTML 字符串

我们有这样一个模板。the-template.html${Foo}我们想用它来做这件事。some-file.tslethtmlString=makeItHappen('the-template.html',{Foo='bar'});console.info(htmlString);//bar什么是我们的makeItHappen函数的等价物? 最佳答案 好的,这是要点:https://gist.run/?id=d57489d279b69090fb20938bce614d3a以下是防止丢失的代码(带有注释):import{bindabl

javascript - React Redux 将状态作为 Prop 传递给组件

在我的ReactRedux应用程序中,当主页加载时,我想从API获取数据并将其显示给用户查看。正在从操作中获取数据并更新状态。但是,我没有将状态视为组件的支柱。不确定什么连接不正确。主页组件:importReact,{Component,PropTypes}from'react';import{connect}from'react-redux';import{bindActionCreators}from'redux';import*asactionsfrom'../actions/actions';import'../styles/homeStyles.css';classHomee

javascript - 是否可以知道 input type = datetime-local 是否已填充一半?

是否有可能知道inputtype=datetime-local是否已填充一半?比如只填日期或者时间?无论是空的还是半填的,input标签的元素对象值为空。varvaluedate=document.getElementById('dueDate');console.log(valuedate.value());对于这两种情况,Date.parse也会返回NaN。有可能的解决方案吗?如果有帮助,我正在使用Jquery和AngularJS。随意使用其他输入类型(没有额外的库)发布更清晰的解决方案。目的是让用户填写这两个字段。编辑:字段可以留空或完全填写。我需要知道它是否已填满一半,以便我可

JavaScript 添加事件监听器 : 'input' versus 'keyup'

这个问题在这里已经有了答案:What'sthedifferencebetweenkeyup,keydown,keypressandinputevents?(2个答案)关闭6年前。当我想在插入后立即获取文本输入的值时,我会使用“keyup”事件。现在我在CodeReview问题中看到使用事件“输入”来完成相同的任务。CodeReview问题(第5行):https://codereview.stackexchange.com/questions/141937/registration-form-validation-in-jquery我做了一些修改。做了这个演示:varbox=docume