草庐IT

es多字段分组

全部标签

javascript - TypeScript 和 React - 一个用于多个输入字段的 onChange 处理程序

假设我有一个包含多个输入字段的表单。在普通的ES6/React中,我会创建一个方法,所有输入字段都会将它们的onChange处理程序指向该方法。像这样:handleChange(e){e.preventDefault();this.setState({[e.target.name]:e.target.value});}这在您有很多表单元素并且不必创建特定方法来处理每个元素的情况下很有帮助。这在TypeScript中可行吗?即使它不是类型安全的? 最佳答案 正如评论中的回答,您可以在JavaScript中执行的所有操作也是有效的Typ

javascript - 在javascript中检查文本字段的值是否为整数

如何检查文本框中输入的文本是否为整数?我使用了NAN函数,但它也接受十进制值。我该怎么做?有什么内置方法吗? 最佳答案 假设文本字段被变量intfield引用,那么您可以这样检查它:varvalue=Number(intfield.value);if(Math.floor(value)==value){//valueisaninteger,dosomethingbasedonthat}else{//valueisnotaninteger,showsomevalidationerror}

javascript - jqGrid:如何在搜索工具栏中隐藏特定的搜索字段

我正在使用带有搜索工具栏的jqGrid。现在对于几列我不需要搜索字段,因为我不想让它们可搜索(即一列复选框)。对于这些列,我想隐藏搜索工具栏中的搜索字段。我读过jqGriddocumentationviewable选项可以设置为false。这是我设置viewable选项的部分:colModel:[{name:'checkbox',index:'checkbox',width:'3%',viewable:false},下面是我创建搜索工具栏的方法:jQuery(function(){jQuery("#listTable").jqGrid('filterToolbar',{stringRe

javascript - 每次表单输入字段更改时如何发送 ajax 请求?

例如,有一个输入框。每次用户在该字段中键入一个键时,它都会发送一个AJAX请求,其中包含该输入中当前的任何文本,并对其进行处理。我研究了Jquery中的change和keyup函数,但是当我在Jsfiddle中尝试它们时,它们什么也没做。是否有执行此类操作的标准方法?我知道它在验证和其他方面很常见。$('input').on("change",(function(e){alert("Hello");});我要的效果就像这个游戏www.sporcle.com/games/g/nflteams#您可以输入任何文本,如果它在正确答案集中,那么表格将更新以显示该答案。你永远不必提交。你认为他们

javascript - Babel.js 如何创建将类声明编译为 ES2015?

我目前的任务是将JavaScript组件ES5转换为ES6(使用Babel.js编译)。在使用类和Babel.js之前,我们制作了原型(prototype)以从其他组件获取功能。com.company.js.ComponentA.prototype=newcom.company.js.utils.UltraFunctions()现在当使用Babel.js并将ComponentA变成一个类时classComponentA{contructor(){this.property="Proppy";}doStuff(){console.log("doStuff");}}当我在实例化此组件后对其

使用模板文字的 Javascript ES6 console.log 对象

我有一个简单的对象,我想在控制台中显示varobj={name:'John',age:22}如果我输入:console.log(obj)对象{姓名:“约翰”,年龄:22如果我输入:console.log('myobjectis:'+obj)我的对象是:[对象对象]console.log('myobjectis:%o',obj)我的对象是:Object{name:"John",age:22}如何使用模板字面量实现这一点?如果我输入:console.log(`myobjectis:${obj}`)我的对象是:[对象对象] 最佳答案 您可

javascript - es6 vanilla javascript 中的 Ajax 请求

我可以使用jquery和es5发出ajax请求,但我想转换我的代码,以便它的vanilla和使用es6。这个要求会如何改变。(注:我查询的是维基百科的api)。varlink="https://en.wikipedia.org/w/api.php?action=query&prop=info&pageids="+page+"&format=json&callback=?";$.ajax({type:"GET",url:link,contentType:"application/json;charset=utf-8",async:false,dataType:"json",success

javascript - 在 ES6 中扩展一个 String 类

我可以在ES5中编写以下内容:String.prototype.something=function(){returnthis.split('').join('');};如何使用新功能在ES6中做同样的事情?我知道这也是一个有效的ES6。我想知道在ES6中是否有其他更短的方法来实现这些功能?上述功能只是一个例子。 最佳答案 在ES6中,您还可以像这样使用Object.assign()来完成此操作:Object.assign(String.prototype,{something(){returnthis.split('').join

javascript - 如何在 Django 表单输入字段中设置事件处理程序

如何在Django表单给定字段的onclick事件中将JavaScript函数设置为处理程序。这可能吗?任何线索将不胜感激。 最佳答案 我为此所做的是:classMyForm(forms.Form):stuff=forms.ChoiceField([('a','A'),('b','B')],widget=forms.Select(attrs={'onclick':"alert('foo!');",}) 关于javascript-如何在Django表单输入字段中设置事件处理程序,我们在St

javascript - JSON - 名为 '*' 星号的访问字段

我正在尝试访问具有键'*'的JSON字段:{"parse":{"text":{"*":"textiwanttoaccess"}}}myObject.parse.text.*和myObject.parse.text[0]都不起作用。我已经搜索了一个小时,但没有发现星号具有特殊含义的任何提示。如果我只是遍历整个树并与if(key=="*")进行字符串比较,我可以检索文本,但我想直接访问该字段。我该怎么做? 最佳答案 json.parse.text["*"]对象成员的讨厌名称。星号没有特殊含义;它是一个和其他字符串一样的字符串。myObj