Javascript 如何使用foreach定制模型？

我的想法是，我有

foreach

用于用户数据，基本上，我使用modal引导来编辑记录，所以我就是这样做的：

@foreach ($users as $user)

<a data-toggle="modal" data-target="#Edit{{$user->id}}">Edit</a>

<div class="modal fade"  id="Edit{{ $user->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">modal Title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-xs-12">
                    <div class="editor-text"></div>
                    <textarea name="text" style="display:none" class="hiddenArea"></textarea>
                    </div> 
                </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Save</button>
            </div>
        </div>
    </div>
</div>

@endforeach

@foreach（$users作为$user）
编辑
情态标题
&时代；
拯救
@endforeach

这一切都很好，但是当我检查页面时，我看到很多基于用户数量的模式

有没有其他方法可以像上面那样不重复地做得更好

有关更多信息，模态将包含用于编辑的输入

很简单。 尝试

javascript

并在每次按钮对应于记录时填充模式

我的意思是定义按钮并使用

onclick事件

调用commo-javascript函数，但在每个按钮中传递不同的

id变量

。 在javascripts函数中，get

id变量

，并根据它获取记录。现在，您可以使用以下记录填充模式：）

---

使用此解决方案，您的模式获取

dynamic

如果您希望将混乱降至最低，请使用单一模式，并通过AJAX请求为加载的选定记录填充数据。尽管如此，有很多情态动词本身并没有什么错；这与每个记录都有一堆

或

元素没有什么不同。我只想补充一下Tim所说的，当模式打开时，您可以监听发送的事件。这样，您可以为每个编辑链接添加数据属性，并在打开时用这些属性填充模式。@Timleis我担心如果我在线上传我的应用程序，性能会很差，因为我在很多事情上使用模式！（添加，编辑，删除，其他东西）然后你会考虑使用分页；只显示X条（比如100条左右）记录，而不是全部记录，并将它们分块（而不是全部）加载以供查看/编辑。@Jamal只有当每个对象都有一个模型，但按照Tim Lewis建议的方式执行时，性能才会差。请尝试提供一个功能代码示例；这应该是可行的，但目前只不过是伪代码。