Question

我在单页面应用程序上有一个现有的Yii2 ActiveForm（如下所示），我希望通过AJAX将新值加载到其中。是否有一种简单的方法可以做到这一点，或者我是否需要制作自己的Javascript函数来做到这一点？

<form>
    <input type="text" name="Conversation[cv_timestamp]">
    <input type="text" name="Conversation[cv_type]">
    <input type="text" name="Contact[ct_firstname]">
    <input type="text" name="Contact[ct_lastname]">
</form>

Answer 1

因此，如果我理解正确，您希望控制器通过ajax保存模型数据吗？

如果是这种情况，你应该看一下ActiveControllers。

基本上，你将拥有：

index：模型列表
view：返回模型的详细信息
创建：创建新模型
更新：更新现有模型
删除：删除现有模型
选项：返回允许的HTTP方法

通过不同的动词公开，以将它们用作API。

Answer 2

我最终创建了自己的Javascript函数。欢迎改进。

 // Load ActiveForm with new model attributes via Javascript
 //
 // Form fields must have been named like this: <input name="Contact[firstname]"> <input name="Contact[lastname]">
 //
 // @param {(string|jQuery object)} formSelector - String with selector or a jQuery object
 // @param {object} models : Object where keys match the 1st level form field names and the values are the model attributes that match the 2nd level, eg.: {Contact: {firstname: 'John', lastname: 'Doe'}, }

function loadActiveForm(formSelector, models) {
    if (!(formSelector instanceof jQuery)) {
        formSelector = $(formSelector);
    }

    $.each(models, function(modelName, model) {
        $.each(model, function(attributeName, attributeValue) {
            $input = formSelector.find(':input[name="'+ modelName +'['+ attributeName +']"]');
            if ($input.length > 1) {
                if ($input.first().is(':radio')) {
                    $input.each(function() {
                        if ($(this).val() == attributeValue) {
                            $(this).prop('checked', true).click();
                            if ($(this).closest('.btn').length > 0) {
                                $(this).closest('.btn').button('toggle');
                            }
                        }
                    });
                } else {
                    alert('In loadActiveForm an input had multiple tags but they are not radio buttons.');
                }
            } else {
                $input.val(attributeValue);
            }
        })
    });
}

Yii2：有一种简单的方法可以使用Javascript中的值加载现有的ActiveForm吗？

2 个答案: