title: How to render input value in Volt Phalcon?
body: <p>I'm trying to get value of a form field but don't know what function is used for this?</p>
  
  <pre><code> {{ MyForm.render("first_name") }}
  </code></pre>
  
  <p>I want to render only <code>first_name</code> value not the whole input tag.</p>
  
  <p>FORM:</p>
  
  <pre><code>class EbEvaluationForm extends CxAdminBaseForm {
  
      public function initialize() {
  
          // set rules object for jQuery Validation
          $this-&gt;setClientRulesFromArray(array(
              'date_started' =&gt; array('required' =&gt; true),
              'date_ended' =&gt; array('required' =&gt; true)
          ));
  
          // Initialize validation error messages so that server and client validation will use same messages.
          $this-&gt;setValidateMessagesFromArray(array(
              'date_started' =&gt; array('required' =&gt; 'Date Started is required'),
              'date_ended' =&gt; array('required' =&gt; 'Date Ended is required')
          ));
  
          // Create form fields
          $this-&gt;add($this-&gt;createHiddenField('id'));
          $this-&gt;add($this-&gt;createTextField('first_name', 'Name', false));
          $this-&gt;add($this-&gt;createTextField('last_name', 'Last Name', false));
          $this-&gt;add($this-&gt;createTextField('email', 'Email', false));
          $this-&gt;add($this-&gt;createTextField('age', 'Age', false));
  
          $this-&gt;add($this-&gt;createTextField('phone', 'Phone', false));
          $this-&gt;add($this-&gt;createTextField('gender', 'Gender', false));
  
          $this-&gt;add($this-&gt;createDateRangePickerField('date_started', 'Date Started', true,true,true));
          $this-&gt;add($this-&gt;createDateRangePickerField('date_ended', 'Date Ended', true,true,true));
      }
  
  
  }
  </code></pre>
  
  <p>Volt View:</p>
  
  <pre><code> &lt;section id="widget-edit-cx-record"&gt;
              &lt;div class="row"&gt;
                  &lt;article class="col-xs-12 col-sm-12 col-md-12 col-lg-12"&gt;
                      &lt;div class="jarviswidget jarviswidget-color-blueDark" id="wid-id-1" data-widget-editbutton="false"&gt;
                          &lt;header class="edit-new edit" role="heading"&gt;
                              &lt;span class="widget-icon"&gt; &lt;i class="fa fa-edit "&gt;&lt;/i&gt; &lt;/span&gt;
                              &lt;h2 class="edit"&gt;Edit Client Data&lt;/h2&gt;&lt;h2 class="new"&gt; Client Data&lt;/h2&gt;
                              &lt;span class="jarviswidget-loader"&gt;
                                  &lt;i class="fa fa-refresh fa-spin"&gt;&lt;/i&gt;
                              &lt;/span&gt;
                          &lt;/header&gt;
                          &lt;div id="cx-record-edit-div" role="content"&gt;
                              &lt;div class="jarviswidget-editbox"&gt;&lt;/div&gt;
                              &lt;div class="widget-body no-padding"&gt;
                                  &lt;div id="cx-record-edit-messages" class="messages"&gt;
                                      {# Container for alerts #}
                                  &lt;/div&gt;
                                  &lt;form id="cx-record-edit" class="smart-form" data-edit-allowed="{{ ACL['EDIT'] }}"&gt;
                                      {{EbEvaluationForm.render("id")}}
                                      &lt;fieldset&gt;
                                          &lt;div class="row"&gt;
                                              &lt;section class="col col-6"&gt;
                                                  &lt;label class="label"&gt;{{EbEvaluationForm.getLabel("first_name")}}&lt;/label&gt;
                                                  &lt;p&gt;
                                                  {{ EbEvaluationForm.get('first_name').getValue() }}
                                                  &lt;/p&gt;
  
                                              &lt;/section&gt;
                                             &lt;section class="col col-6"&gt;
                                                   &lt;label class="label"&gt;{{EbEvaluationForm.getLabel("last_name")}}&lt;/label&gt;
                                                   &lt;p&gt;{{ EbEvaluationForm.get('last_name').getValue() }}&lt;/p&gt;
                                             &lt;/section&gt;
  
                                          &lt;/div&gt;
  
                                      &lt;/fieldset&gt;
  
                                  &lt;/form&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/article&gt;
              &lt;/div&gt;
          &lt;/section&gt;
  </code></pre>
  
  <p>JS file:</p>
  
  <pre><code> // Init the Cx Form
      $EbEditForm.cxForm({
          loadDataUrl: '&lt;?php echo $this-&gt;CxHelper-&gt;Route('eb-admin-get-evaluation-quiz-by-id')?&gt;',
          inputsEnabled: false,
          submitEnabled: false,
  
          beforeSubmit: function(formData){
              return formData;
          },
          saveSuccess: function(){
              $EbEditForm.cxForm("reset");
              cx.common.data.cxAdminDataTables.EbEvaluation.cxAdminDataTable("reloadAjax");
          }
      });
  </code></pre>
  
  <p>Thanks</p>