Question

我的代码中有布尔复选框。我的看法是on-check，它应该返回其值为true，并且在未经检查时，它应该将其值返回为false。但我面临着不同的情况，如下：

在页面初始加载时，它显示消息：'not selected' 当我选中复选框时，它会显示我的值：'true' 当我取消选中该复选框时，它会向我显示值：'true' 因此，它总是向我显示“真实”的价值，甚至是我检查或取消选中的次数。

有人可以指导我问题是什么以及如何纠正以获得理想的结果：

这是autoform HTML代码：

{{#autoForm  collection='Collections.Category' validation='submit' id='CategoryInsertForm' class="form-horizontal  form-with-legend"  role="form" type='method' meteormethod='CategoryInsertMethod' }}

{{ currentFieldValue 'isParent' }}

{{> afFormGroup  name='isParent' id='isParent' type="boolean-checkbox"}}

{{#if afFieldValueIs name="isParent" value= 'true'}}
{{> afFieldInput name='parentId' id='parentId' class='form-control'}}
{{/if}}
{{/autoForm}}

这是JS代码：

Template.registerHelper("currentFieldValue", function (fieldName) {
    return AutoForm.getFieldValue( fieldName) || "not selected";
});

这是架构代码：

Collections.Category =  new Mongo.Collection('category');

Schemas.Category = new SimpleSchema({

    catId:{
         type: String,
         optional: true,
         unique: true
    },
    isParent: {
        type: Boolean,
        optional: true,
        defaultValue: false,
      // ,allowedValues: [true, false]
        label: "Parent category"

    },
    parentId: {
        type: String,
        label: "ParentID",
        optional: true

    },
    title: {
        type: String,
        optional:true
    }

});

Collections.Category.attachSchema(Schemas.Category);

Answer 1

我通过创建这样的帮助来解决这个问题：

Template.myTemplate.events({
'change .myCheckboxClass': function(event) {
    clickedElement = event.target;
    clickedElement.value = !clickedElement.checked;
}
});

Answer 2

目前，我正在使用以下设置解决类似问题：

模板：

<template name='test'>
 {{autoFormTest}}
 {{> quickForm collection="Sample" id="sampleForm" type="update" doc=this}}
</template>

JS：

Template.test.helpers({ 
    autoFormTest: function(){
        return AutoForm.getFieldValue("radiobuttonField", "sampleForm").toString();
    }
})

架构的相关部分：

radiobuttonField: {
    optional: true,
    type: Boolean,
    label: "Is it true?",
    autoform: {
        type: "boolean-radios",
        trueLabel: "Yes",
        falseLabel: "No "
    }
}

帮助器将返回false或true字符串，但默认为false。因此，有两个与您的问题相关的重要部分：

您应该在帮助程序中指定表单的名称AutoForm.getFieldValue(..., "sampleForm")
如果你想从布尔选择器中取回字符串值（可以写出来），你应该把它转换为字符串AutoForm.getFieldValue(...).toString()

希望有所帮助。

MeteorJs aldeed-autoform，如何从布尔复选框中获取所需的值

2 个答案: