Question

我正在创建一个用户管理面板，我的添加用户模式看起来很好，每个输入占用整行，下一行输入在下一行。在我的编辑用户模式中，输入仅使用半行。以前有人见过这种行为吗？

添加用户模板：

<template name="addUser">
  {{#autoForm id="addUser" type="method" meteormethod="createUserwRole" collection="Users" resetOnSuccess="true" validation="keyup" }}
  <fieldset>
        {{> afQuickField name="username" id="username" autocomplete="off"}}
        {{> afQuickField name="profile" id="profile" autocomplete="off"}}
        {{> afQuickField name="emails.$.address" id="emails" autocomplete="off"}}
        {{> afFormGroup name="roles" options=options type="select-checkbox" id="roles"}}
    <div>
      <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#addUser">Submit</button>
      <button type="reset" class="btn btn-default">Reset</button>
    </div>
  </fieldset>
  {{/autoForm}}
</template>

修改用户模板：

<template name="editUser">
    <div>
      {{#autoForm id="editUser" type="method-update" meteormethod="createUserwRole" collection="Users" resetOnSuccess="true" validation="keyup" }}
      <fieldset>
            {{> afQuickField name="username" id="username" autocomplete="off"}}
            {{> afQuickField name="profile" id="profile" autocomplete="off"}}
            {{> afQuickField name="emails.$.address" id="emails" autocomplete="off"}}
            {{> afFormGroup name="roles" options=options type="select-checkbox" id="roles"}}
        <div>
          <button type="submit" class="btn btn-primary" data-toggle="modal" data-target="#editUser">Submit</button>
          <button type="reset" class="btn btn-default">Reset</button>
        </div>
      </fieldset>
      {{/autoForm}}
    </div>
</template>

由于

Answer 1

可能是因为你有一个div包装你的编辑表单，但你的添加表单中缺少这个。如果您的div具有可以解释它的默认宽度。如果你想复制布局，我建议制作html匹配。

Meteor Autoform输入字段仅占用半行而不是整行

1 个答案: