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


How do I pass a dynamically created list to the controller to save into the database?

我在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()
});

添加/编辑.php

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

现在"features"是我的数据库文件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>

对于混凝土块,有两种不同的情况:

  1. 管理员用户正在编辑块(或添加新块),您希望将此数据保存到数据库中
  2. 公共用户正在查看块,但块视图本身有一个表单(例如,联系人表单块),并且您希望在提交公共表单时执行某些操作(例如,向管理员发送通知电子邮件,说明有人填写了表单,或将提交的内容存储在数据库中以备将来审查)

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

更新:基于您添加到问题中的示例代码,以下是解决方案:数据返回服务器的唯一方法是通过表单POST。<li>元素不是表单字段,因此其中的数据不会与表单一起被POST。因此,当您将新的<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()方法,该方法将从这些隐藏字段中获取所有数据,将它们组合起来,并将它们放入您在db.xml文件中声明的"features"字段中:

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>

您不会将视图中的内容传递给控制器。控制器在视图之前执行,因此您只能从一个控制器传递到另一个视图。

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

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

控制器内部。

Lucian

我更改了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()
});

我留下了和乔丹·列夫一样的观点。(谢谢!)然后我把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); }

如果有人看到任何问题或更好的方式来放置我的代码,请告诉我!我现在的新问题是,一旦保存,如果我去编辑列表,它会删除我过去的条目并保存新条目。如果有人知道我必须编写的函数来显示当前列表,并在编辑时添加到其中,那就太好了。请给出一些示例代码。