如何将动态创建的列表传递给控制器​​以保存到数据库中？

Question

我正在Concrete5中工作，并且是MVC概念的新手。 我有一些jQuery，可以从视图中的文本框创建无序列表。 如果您熟悉Concrete5，这就是我要添加列表的块的视图。 它基本上是产品的功能列表。 该视图需要将列表保存到数据库基础文件。 通常，这很简单，只需使用一个将信息保存到的变量即可（也就是保存视图中其他所有内容的方式）。 我遇到的问题是我不知道如何使用控制器将无序列表从视图传递到控制器到数据库，以便将其保存。 任何帮助和示例代码将不胜感激。 我很确定我需要在控制器中编写一个php函数来获取列表，但是我不确定代码是什么。

auto.js

$("#addList").click(function() {
    var text = $("#inputList").val() + '<button>x</button>';
    if(text.length){
        $('<li />', {html: text}).appendTo('ul.featureList')
        };
});
$('ul').on('click','button', function(el){
    $(this).parent().remove()
});

添加/ edit.php

<div class="ccm-block-field-group">
<h2><?php echo t('Features') ?></h2>

现在，“功能”是我的数据库文件db.xml中字段的名称。区域featureList是生成列表的位置。 我知道它需要进行一些更改才能起作用，只是不确定。

<?php echo $form->textarea('features', $features, array());?>
<input type="test" id="inputList" />
<button type="button" id="addList">Add</button> 
<ul class="featureList"></ul>
</div>

view.php

echo "<h2>{$proName}</h2>";
echo "{$description}";
echo "<h3>{$features}</h3>";
echo "<h2>{$price}</h2>";
echo "<p>{$priceInfo}</p>";

db.xml

<field name="features" type="X2"></field>

Answer 1

使用concrete5块，您可能会遇到两种不同的情况：

1. 管理员用户正在编辑块（或添加新块），并且您想将此数据保存到数据库中。
2. 公共用户正在查看该阻止，但是该阻止视图本身具有一个表单（例如，联系人表单阻止），并且您希望在提交公共表单时执行某些操作（例如，向管理员发送通知电子邮件，告知某人已填写表格，或将提交的内容存储在数据库中以备将来查看。

如果您正在谈论情况＃1，则需要在控制器的save()方法中放入一些自定义代码。 如果要讨论情况2，则需要在控制器中创建自己的操作方法，并且实际上需要在view.php文件中具有<form> 。

更新：根据您添加到问题中的示例代码，以下是解决方案：数据可以通过POST表单返回服务器的唯一方法。 <li>元素不是表单字段，因此其中的数据不会与表单一起发布。 所以，当你添加新的<li>元素的页面，你也应该添加一个隐藏的表单字段，就像这样：

    var listItemCounter = 0;
$("#addList").click(function() {
        listItemCounter++;
    var text = $("#inputList").val() + '<button data-id="' + listItemCounter + '">x</button>'; //assign a unique id number to this button, so it knows which hidden field to remove when clicked
    if(text.length){
        $('<li />', {html: text}).appendTo('ul.featureList');
        $('<input type="hidden" name="features[]" value="' + text + '" data-id="' + listItemCounter + '" />').insertAfter('ul.featureList');
    };
});
$('ul').on('click','button', function(el){
        $('input[data-id="' + $(this).attr('data-id') + '"]').remove(); //remove the hidden field so it does not get POSTed when user saves
    $(this).parent().remove();
});

现在，在块的controller.php文件中，您将想要添加一个save()方法，该方法将从这些隐藏字段中获取所有数据，将它们组合在一起，并将它们放入您在数据库中声明的“功能”字段中。 xml文件：

public function save($args) {
    $args['features'] = implode("\n", $args['features']); //combine all feature items into one string, separated by "newline" characters
    parent::save($args);
}

最后，在您的view.php文件中，可以转换功能列表（将其作为一个字符串保存到数据库中，每个项目之间用“换行符”分隔），如下所示：

<?php echo nl2br($features); ?>

或者，如果您要将其输出为单独的列表项，则可以执行以下操作：

<ul>
<?php
$features = explode("\n", $features);
foreach ($features as $feature) {
    echo '<li>' . $feature . '</li>';
}
?>
</ul>

Answer 2

您不会将内容从视图传递到控制器。 控制器是在视图之前执行的，因此您只能从控制器传递到视图。

尝试使用以下方法访问从jquery传递到应用程序的内容

$this->getRequest()->getParam('yourParametersName');

在控制器内部。

卢西恩

Answer 3

我更改了auto.js文件，如下所示。 似乎工作正常。

var listItemCounter = 0;
$("#addList").click(function() {
    listItemCounter++;
    var text = $("#inputList").val(); //assign a unique id number to this button, so it knows which hidden field to remove when clicked
    var buttonDataId = text + '<button data-id="' + listItemCounter + '">x</button>';
    if(text.length){
        $('<li />', {html: buttonDataId}).appendTo('ul.featureList');
        $('<input type="hidden" name="features[]" value="' + text + '" data-id="' + listItemCounter + '" />').insertAfter('ul.featureList');
        };
});
$('ul').on('click','button', function(el){
    $('input[data-id="' + $(this).attr('data-id') + '"]').remove();//remove the hidden field so it does not get POSTed when user saves
    $(this).parent().remove()
});

我的观点与乔丹·列夫（Jordan Lev）一样。 （谢谢！）然后我将controller.php更改为

public function save($args) { $args['features'] = implode("\\n", $args['features']);//combine all feature items into one string, separated by "newline" characters parent::save($args); }

如果有人发现任何问题或更好的方式放置我的代码，请告诉我！ 我的新问题是保存后，如果我去编辑列表，它将清除我以前的条目并保存新的条目。 如果有人知道该功能，那么我将不得不编写该程序以显示当前列表，并在编辑时将其添加到列表中。 请提供一些示例代码。