Question

尝试在10月CMS下创建一个创建待办事项列表的组件（查看this视频）。添加项目工作正常，但现在我尝试设置和Ajax处理程序，以便在单击按钮时删除一个元素。

这是html代码：

cite

以及呈现任务列表的组件代码（命名任务）：

<form>

<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title">Tasks assigned to: {{ __SELF__.name }}</h3>
    </div>
    <div class="panel-body">
        <div class="input-group">
            <input name="task" type="text" id="inputItem" class="form-control" value="" \>
            <span class="input-group-btn">
                <button type="submit" class="btn btn-primary"
                    data-request="{{ __SELF__ }}::onAddItem"
                    data-request-success="$('#inputItem').val('')"
                    data-request-update="'{{ __SELF__ }}::tasks': '#result'"
                >Add</button>
            </span>
        </div>

        <ul class="list-group" id="result">
            {% partial __SELF__ ~ '::tasks' tasks=__SELF__.tasks removeId=__SELF__.removeId %}
        </ul>
    </div>
</div>

<form>

最后是处理程序的代码（不要做太多）：

{% if tasks|length > 0 %}
    {% for i in 0..tasks|length-1 %}

        <li class="list-group-item">
            {{ tasks[i] }}

            <button class="close pull-right"

                data request="{{ __SELF__ }}::onRemoveItem"
                data-request-success="console.log(data)"
            >
                &times;
            </button>
        </li>

    {% endfor %}
{% endif %}

现在，我设置了处理程序public function onRemoveItem() { return [ 'Name' => 'Federico'; ]; }将其数据请求放在一个按钮中，如this页面上所述，单击按钮应启动处理程序的执行，但这不是＃39; t发生了，而所有工作都在Add按钮中正确地插入了数据库中的任务。

有人可以解释一下我做错了什么吗？（如果有人想看到链接为http://afterlife.ddns.net/

的页面

编辑：

解决了，我不得不在布局文件中链接框架js

没有调用AJAX处理程序

0 个答案: