从 onChange 事件调用控制器操作

Question

我需要一些有关 Yii 的帮助。

如何从文本框 onChange 事件调用控制器操作？

更新： 我有一个用 CActiveForm 构建的表单。该表单有许多文本框。当我更改任何值时，必须更新其他值，使用新输入的值计算公式。所以我想做的是：

    <tr>
        <td>Average KW Demand:</td>
        <td><?php echo $form->textField($lfac_model, 'kw_demand', array('size'=>5));?></td>
    </tr>
    <tr>
        <td>Estimated Load Factor:</td>
        <td><?php echo $form->textField($lfac_model, 'loadf', array('size'=> 5));?>/td>
    </tr>

当用户更改“估计负载系数”时，“平均千瓦需求”值应使用公式的结果进行更新。我想到的是将公式存储在表中，然后转到控制器操作，检索特定公式，计算新值并将其发送回视图。我不确定这是否是实现这一点的最佳想法。

Answer 1

您应该能够使用 CJuiAutoComplete Yii 小部件来执行您想要的操作。 此处有一个基本演示，并且还有其他示例Yii 文档。在您的情况下，您需要确保的主要事情是您还指定了“appendTo”选项，请参阅 jQuery 自动完成文档，该小部件使用的。

因此基本上，您将为“估计负载系数”字段设置小部件，并通过appendTo 属性指向“平均功率需求”字段。

如果您不想要自动完成功能而只想替换该值，您可以在“loadf”值上使用 htmlOptions 属性“ajax”，如下所示：

'ajax' => array(
    'type'=>'POST', //request type
    'url'=>$this->createUrl('site/ajaxAction'), //url to call
    'success'=>'function(data) { $(\'#kw_demand\').val(data) }',// function to call onsuccess 
             // "data" is returned data and function can be regular js or jQuery
)

请参阅： CHtml#ajax-detail 和 jQuery.ajax。在这种情况下，您很可能会返回纯文本，因此您的控制器函数将如下所示：

public function actionAjaxAction() {
  [your data functions...]
  echo $kw_demand_string;
  Yii::app()->end()
}

Answer 2

文本框的 onChange 事件是一个 JavaScript 事件。它存在于应用程序的不同方面。

要在控制器上调用操作，您必须使用一些AJAX（或异步调用）。这里的想法本质上是将一些数据发布到处理该操作的路由。

例如：

• 假设您有以下路线/页面： /product/details => ProductController::actionDetails()
• 您希望使用自动完成选项更新搜索字段。
• 您在搜索字段的 onChange 事件上设置 javascript，以调用将字段值（当前输入的文本）发布到控制器上的操作的方法。
• 您设置此路线/页面 /product/ajaxautocomplete => ProductController:actionAjaxAutocomplete()
• 第二个操作从 javascript 异步 HTTP 请求（AJAX 调用）获取发布的值，并根据数据库返回可能结果的列表。
• 然后，您的 javascript 接受返回值（通常为 XML/JSON，有时为 HTML），并将这些值应用于客户端的 dom。

您可以使用 jQuery 轻松完成此任务：

$.ajax({
  type: 'POST',
  url: '/product/ajaxautocomplete',
  data: { 'searchPhrase' => searchBox.value },
  success: function(data, textStatus, jqXHR) { applyValues(data); },
  dataType: 'json'
});