标签: formfield

编辑:屏幕截图见底部:

我只是想知道是否有人遇到过类似的问题.在我的机器,Windows 8和最新版本的Chrome上,我的选择框选项都看起来像我期望的垂直间距.在我旁边的开发人员上,同样运行Windows 8并使用相同版本的Chrome,选择框选项似乎在填充的顶部和底部有5px.代码在我们的开发服务器上,因此我们访问相同的文件.

这是一个jsfiddle在其他开发人员的机器上重现这个问题:http://jsfiddle.net/3etfP/

这是一个测试用例(同样是一个jsfiddle):

<style type="css">
    .select {
        padding: 3px;
        color: #000;
    }
</style>    

<div>
   <select name="testSelect" id="testSelect" class="select">
       <option value="-1">Select One</option>
       <option value="0">No</option>
       <option value="1">Yes</option>
   </select>
</div>

其他一些可能有用的细节:

• 两者都运行Windows 8.0 64位
• 两者都使用桌面模式
• 两者都使用版本30.0.1599.101米的谷歌浏览器
• 使用以下Chrome扩展程序:
  • URL-alizer(两者)
  • Google环聊(两者)
  • 适用于Gmail的收件箱(我)
  • Any.do(其他开发者)
  • 快速笔记(其他开发)
  • Google文档(两者)

如果有任何我错过的细节,请告诉我.

谢谢

选择填充:

选择正常显示:

我有一个有位置的用户。就像概念证明一样，位置是应存储为用户模型的 CombinedForm 中的 FormField。最终我想要有相当多的嵌套表单，所以我真的很喜欢 form.populate_obj(Model) 来处理数据。但是，我一定是做错了什么。这是我的代码：

# - - - Models - - -
class User(db.Model):
    __tablename__ = 'users'
    id = db.Column(db.Integer(), primary_key=True)
    username = db.Column(db.String(40))
    location = db.relationship('Location', backref='user')

class Location(db.Model):
    __tablename__ = 'locations'
    id = db.Column(db.Integer(), primary_key=True)
    user_id = db.Column(db.Integer(), db.ForeignKey('users.id'))
    descr = db.Column(db.String(50))

# - - - Forms - - -
class LocationForm(NoCsrfForm):
    descr = StringField('Location Name')

class CombinedForm(Form):
    username = StringField('User', validators=[DataRequired()])
    location = FormField(LocationForm)  # , default=lambda: Location())
    submit = SubmitField('Submit')

# - - - …

我使用许多 TextFormFields 作为数字输入字段，并希望确保用户只能输入可接受的数字范围内的值。例如，年龄字段应该只接受 18 到 100 之间的数字，并且只接受整数而不是小数。

这让我想到了我的问题的后半部分：如何使用验证器属性为一个字段指定两个或多个条件？说到年龄领域；输入必须在指定范围内，输入必须是整数，输入不能为空。我能够使用这些条件之一创建一个有效的验证器，但是我如何要求它验证同一个 TextFormField 中的多个内容？

如果我可以提供任何其他信息来帮助您回答，请告诉我，我认为代码示例没有用，因为问题不具体。

编辑：（在大多数情况下）已经解决了多条件问题，但对于创建一系列可接受的值仍然一无所知。我的年龄领域的具体示例解决方案将是一个很大的帮助。示例代码：

...
String validateAge(String value){
 String pattern = r'(^[0-9]*$)';
 RegExp regExp = new RegExp(pattern);
 if (value.length == 0){
  return "Age is required.";
 } else if (!regExp.hasMatch(value)){
  return "Age cannot contain characters other than numbers.";
 }
}
...
new TextFormField(
 decoration: InputDecoration(
  hintText: "Age"
 ),
 validator: validateAge,
 autoValidate: true,
),

我正在使用这篇建筑文章http://blog.extjs.eu/know-how/writing-a-big-application-in-ext/

在我的代码中:

我有这个Application.DashBoardForm.js,我想在onc​​lick事件函数中传递fromdate的值,我怎样才能传递fromdate值？

Ext.apply(Ext.form.VTypes, {
    daterange : function(val, field) {
        var date = field.parseDate(val);

        if(!date){
            return false;
        }
        if (field.startDateField) {
            var start = Ext.getCmp(field.startDateField);
            if (!start.maxValue || (date.getTime() != start.maxValue.getTime())) {
                start.setMaxValue(date);
                start.validate();
            }
        }
        else if (field.endDateField) {
            var end = Ext.getCmp(field.endDateField);
            if (!end.minValue || (date.getTime() != end.minValue.getTime())) {
                end.setMinValue(date);
                end.validate();
            }
        }
        /*
         * Always return true since we're only using this vtype to set the
         * min/max allowed values (these are tested for after the …