如何在 Volt Phalcon 中渲染输入值？

Question

我正在尝试获取表单字段的值，但不知道用于此的函数是什么？

 {{ MyForm.render("first_name") }}

我只想渲染 first_name 值而不是整个输入标签。

表格：

class EbEvaluationForm extends CxAdminBaseForm {

    public function initialize() {

        // set rules object for jQuery Validation
        $this->setClientRulesFromArray(array(
            'date_started' => array('required' => true),
            'date_ended' => array('required' => true)
        ));

        // Initialize validation error messages so that server and client validation will use same messages.
        $this->setValidateMessagesFromArray(array(
            'date_started' => array('required' => 'Date Started is required'),
            'date_ended' => array('required' => 'Date Ended is required')
        ));

        // Create form fields
        $this->add($this->createHiddenField('id'));
        $this->add($this->createTextField('first_name', 'Name', false));
        $this->add($this->createTextField('last_name', 'Last Name', false));
        $this->add($this->createTextField('email', 'Email', false));
        $this->add($this->createTextField('age', 'Age', false));

        $this->add($this->createTextField('phone', 'Phone', false));
        $this->add($this->createTextField('gender', 'Gender', false));

        $this->add($this->createDateRangePickerField('date_started', 'Date Started', true,true,true));
        $this->add($this->createDateRangePickerField('date_ended', 'Date Ended', true,true,true));
    }


}

伏特视图：

 <section id="widget-edit-cx-record">
            <div class="row">
                <article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-1" data-widget-editbutton="false">
                        <header class="edit-new edit" role="heading">
                            <span class="widget-icon"> <i class="fa fa-edit "></i> </span>
                            <h2 class="edit">Edit Client Data</h2><h2 class="new"> Client Data</h2>
                            <span class="jarviswidget-loader">
                                <i class="fa fa-refresh fa-spin"></i>
                            </span>
                        </header>
                        <div id="cx-record-edit-div" role="content">
                            <div class="jarviswidget-editbox"></div>
                            <div class="widget-body no-padding">
                                <div id="cx-record-edit-messages" class="messages">
                                    {# Container for alerts #}
                                </div>
                                <form id="cx-record-edit" class="smart-form" data-edit-allowed="{{ ACL['EDIT'] }}">
                                    {{EbEvaluationForm.render("id")}}
                                    <fieldset>
                                        <div class="row">
                                            <section class="col col-6">
                                                <label class="label">{{EbEvaluationForm.getLabel("first_name")}}</label>
                                                <p>
                                                {{ EbEvaluationForm.get('first_name').getValue() }}
                                                </p>

                                            </section>
                                           <section class="col col-6">
                                                 <label class="label">{{EbEvaluationForm.getLabel("last_name")}}</label>
                                                 <p>{{ EbEvaluationForm.get('last_name').getValue() }}</p>
                                           </section>

                                        </div>

                                    </fieldset>

                                </form>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </section>

JS 文件：

 // Init the Cx Form
    $EbEditForm.cxForm({
        loadDataUrl: '<?php echo $this->CxHelper->Route('eb-admin-get-evaluation-quiz-by-id')?>',
        inputsEnabled: false,
        submitEnabled: false,

        beforeSubmit: function(formData){
            return formData;
        },
        saveSuccess: function(){
            $EbEditForm.cxForm("reset");
            cx.common.data.cxAdminDataTables.EbEvaluation.cxAdminDataTable("reloadAjax");
        }
    });

谢谢

Answer 1

你可以这样访问它：

{{ form.get('YOUR_ELEMENT_NAME').getValue() }}

表单类方法列表：https://olddocs.phalconphp.com/en/3.0.1/api/Phalcon_Forms_Form.html

表单元素方法列表：https://olddocs.phalconphp.com/en/3.0.3/api/Phalcon_Forms_Element.html