Question

在控制器中使用使用SQLFORM定义的表单时，可以方便地将keepvalues参数设置为True，以便在提交表单时存储值并预填充表单。

当表单是用html构建的并且控制器只定义字段中使用的变量时，是否很容易实现此结果？

我无法使用SQLFORM，因为它不允许插入级联下拉菜单。

编辑1： this answer提供了解决问题的方法，但我仍然想知道是否有更简单的方法。

在form.html中，我在{{response.files.append('https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js')}}之前添加了{{extend 'layout.html'}}，然后添加了此脚本：

<script>
    $(function() {
    var timeCookie = $.cookie( "timeCookie" ),
        selElem = $('select[name=FIELD_NAME]');
    selElem.on('change', function() {
        $.cookie( "timeCookie", this.value );
    });
    if( timeCookie != undefined ) {
        selElem.val( timeCookie ).change();
    } else {
        $.cookie( "timeCookie", selElem.val() );
    }
});
</script>

FIELD_NAME指定包含感兴趣值的字段。

编辑2：以下是我所拥有的简化示例 在控制器中：

def form():
    types = db().select(db.Types.ALL)
    modes = db().select(db.Modes.ALL)
    return dict(types = types, modes = modes)

def filter():
    modes = db(db.Modes.name == request.vars.type_name).select(db.Modes.ALL)
    result = [OPTION(mode.name, _value = mode.id).xml() for mode in modes]
    return (result)

def on_submit():
   a function that does the insertion in the 2 dbs

在视图（简化）中：

{{extend 'layout.html'}}
<form enctype="multipart/form-data" action="{{=URL('default', 'on_submit')}}" method="post">
div class="form-group row">
        <label for="type_name" class="col-sm-2 col-sm-form-label">Type</label>
        <div class="col-sm-10">
        <select name='type_name' 
                id="type_name" 
                onchange="ajax('filter', ['type_name'], ':eval');">
            {{for type in types:}}
            <option value="{{=type.id}}"
                {{=" selected='selected'" if str(type.id) == request.vars.type_name else ""}}>
                {{=type.name}}
            </option>
            {{pass}}
        </select>
        </div>
    </div>
<div class="form-group row">
        <label for="mode_name" class="col-sm-2 col-sm-form-label">Mode</label>
        <div class="col-sm-10">
            <select name='mode_name' id="mode_name">
                {{=modes}}
            </select>
        </div>
    </div>
</form>

我可以做类似

的事情

def form():
     form = SQLFORM.factory(field('type',requires = IS_IN_DB(db, db.Types.id, '%(name)s')),
    Field('mode'))
    return dict(form =form)

和

{{extend 'layout.html'}}
{{=form.custom.begin}}
Type: <div>{{=form.custom.widget.type}}</div>
Mode: <div>{{=form.custom.widget.mode}}</div>
{{=form.custom.submit}}
{{=form.custom.end}}

我试过

<script type="text/javascript">
    $(document).ready(function(){ 
      $('#no_table_type').change(function() {
          ajax('filter', ['no_table_type'], ':eval');  
        });
    });
</script>

但是我如何获得字段＆＃39;模式＆＃39;显示ajax调用（模式）的输出，就像在html中一样？

编辑3： 这似乎有效。

{{extend 'layout.html'}}
{{=form.custom.begin}}
Type: <div>{{=form.custom.widget.type}}</div>
Mode: <div>{{=form.custom.widget.mode}}</div>
{{=form.custom.submit}}
{{=form.custom.end}}
<script type="text/javascript">
    $(document).ready(function(){ 
      $('#no_table_type').change(function() {
          $('#no_table_mode').empty();
          ajax('filter', ['type'], 'no_table_mode');
        });
    });
</script>

Answer 1

如果您想使用自定义HTML构建表单，您仍然可以使用web2py生成的form对象来帮助填写HTML的部分内容，如Custom Forms文档中所述。

特别是，您可以通过form.custom.widget[fieldname]使用web2py生成的输入小部件。如果您不想要给定字段的整个窗口小部件，则可以通过form.custom.inpval[fieldname]和form.custom.dspval[fieldname]获取输入和显示值。

您也可以通过自定义小部件（可以在模型定义中指定）和Javascript的组合，使用标准SQLFORM生成的表单布局以及级联下拉列表。

不使用SQLFORM时，web2py中的Keepvalues = True

1 个答案: