有没有人创建过可以保存多个值的 TextInput 组件?例如,标签=“水果”并且单个文本输入允许用户键入“香蕉”、“橙子”等?可能使用“Return”/“Enter”键自动分割它们?
我一直在搞乱autoNumeric,这是一个用于格式化货币字段的jQuery插件.
我想连接插件,以便在用户看到页面时(例如,在加载时)格式化所有货币字段.
目前,我似乎无法解决的默认设置是字段在字段本身的模糊,键入或其他操作时被格式化.
我一直在试验插件代码,如果有的话,看起来它需要这个相对较新的人来解决这个问题.
对此有人吗?
里尔
我想在spark TextInput控件中添加搜索图标.有没有办法扩展TextInput控件并向其添加子项.
谢谢
如何TextInput在qml中将in 分配给int?
int new_span_seconds
TextInput {
id: editor
width: 80
height: 17
color: "white"
font.bold: true; font.pixelSize: 14
text: "21"
horizontalAlignment: TextInput.AlignHCenter
}
Keys.forwardTo: [ (returnKey), (editor)]
Item {
id: returnKey
Keys.onReturnPressed: new_span_seconds = editor. <<< ? >>>
Keys.onEnterPressed: new_span_seconds = editor. <<< ? >>>
}
Run Code Online (Sandbox Code Playgroud) 我一直看到在我的flex移动应用程序中输入到textInput容器的文本中有一个奇怪的延迟.当我在textInput中输入一些文本然后向任何方向滚动时,会出现问题.除了textInput中的文本外,整个屏幕和所有对象似乎都在移动.
当我选择textInput开始输入并出现软键盘并移动输入然后将光标和键入的文本放在屏幕上的其他位置时,这成为一个非常大的问题.看起来很糟糕.
这是一般性能问题吗?有关如何修复的任何建议?
代码是基本的:
<s:Scroller x="0" y="0" width="100%" height="100%" verticalScrollPolicy="on" >
<s:Group>
<s:TextArea softKeyboardType="number" id="ti1" y="145" width="390" height="75" fontSize="36" fontWeight="bold" horizontalCenter="0" text=" "/>
</s:Group>
</s:Scroller>
Run Code Online (Sandbox Code Playgroud) 我喜欢最大长度为3的输入.
这些输入值应该只是数字而不是字母.
通过参考这篇文章:为什么<input type ="number"maxlength ="3">在Safari中不起作用?你可以看到我无法使用 <input type="numbers">
那么如何防止text-input-element中的字母呢?
我已经看到了这个问题的答案,但这不是我需要的解决方案,因为它适用于jQuery,我需要vue.js的东西.
到目前为止,我能够使用ff检测单个字符按下.码:
export default {
name: 'game',
data () {
return {
allowInput: false,
disabledKeys: ['ArrowLeft', 'Home', 'Control']
}
},
methods: {
keymonitor: function (event) {
console.log(event.key)
if (this.disabledKeys.indexOf(event.key) >= 0) {
event.preventDefault()
this.allowInput = false
// alert('not allowed')
} else {
this.allowInput = true
}
},
checkAnswer () {
if (! this.allowInput) {
alert('the key(s) you pressed is/are not allowed')
}
} /* END checkAnswer */
} /* END methods */
} /* …Run Code Online (Sandbox Code Playgroud)我有以下TextInput组件:
<TextInput value={this.state.inputText}
maxLength={1}
onSubmitEditing={this.textHandler}
onChangeText={(text) => this.setState({inputText: text})} />
Run Code Online (Sandbox Code Playgroud)
当我将输入更改为”并提交(在TextInput中)时,出现以下错误:“失败的prop类型:提供给'TextInput'的'object'类型的无效prop'value'
我尝试删除每个回调,显然是由于“ onSubmitEditing”而引发了错误。
textHandler = (text) => {
if(text == '' || text == '-' ){
text = '0';
}
this.setState({inputText: text});
}
Run Code Online (Sandbox Code Playgroud)
如何使回调仅在文本是字符串而不是对象的情况下被调用?
我正在努力使用React Native Text Input组件,似乎无法找到更改光标颜色和android上文本选择指示器的方法.
官方文档仅列出了选择颜色的支柱(文本的突出显示背景).
有没有办法在不改变全局的情况下做到这一点?如果在全球范围内更改它是正确的方法,那么最好的方法是什么?在styles.xml中更改它?当我尝试更改它时,React-Native崩溃.
我要自动更正。但是,当用户键入“ @”时,我希望自动更正功能关闭,直到其他情况为止。
我尝试将prop设置为false / true。但是,该组件不会更改设置(当TextInput中有文本时)。
我该如何解决?
(仅限iOS)
textinput ×10
react-native ×4
apache-flex ×2
javascript ×2
actionscript ×1
android ×1
flash ×1
formatting ×1
html ×1
mobile ×1
native-base ×1
qml ×1
qt ×1
qt-quick ×1
reactjs ×1
safari ×1
scroller ×1
text ×1
vue.js ×1
vuejs2 ×1