jQuery对话框-使用jQuery/ajax内联编辑表数据

我对此有些怀疑，目前我使用jquery模式对话框来显示db实例的详细信息。该对话框加载以表格形式显示数据详细信息的局部视图。我想允许用户点击编辑按钮，直接编辑表中的数据（具体来说，我想在every@Html.DisplayFor中触发一个更改，将其更改为一个可编辑字段）。我不知道如何做到这一点，我需要有另一个对话框后，用户点击编辑？还有其他可能的方法吗

非常感谢你的帮助

---

我在视图中调用我的对话框，如下所示：

        //Call Details action to display the food details
        var url = 'Details?cid=' + id;

        $detaildialog.dialog({ open: function () { $(this).load(url) } });
        $detaildialog.dialog('open');

Details操作将返回我的部分视图，这是我用来显示我的所有食物实例详细信息的表（下面是它的一部分）：

@foreach（模型中的变量项）{
@DisplayFor（modelItem=>item.FoodName）
@DisplayFor（modeleItem=>item.FoodAmount）
@DisplayFor（modelItem=>item.StorageDate）

---

有什么线索吗？请帮助..

这个问题对我来说很模糊，但您可以将一个类附加到每个可编辑字段，然后附加一个更改事件处理程序

class=“editablefield”

在jquery中

$(".editablefield").live("change", function(){

//your code to handle change here

});

我使用了

live

以防万一来处理动态添加到

DOM

---

您可以动态隐藏显示标签/输入，以便自己编辑，但是使用已经具有此功能的jQuery表可能更容易：

• 这里有一篇文章使用了一些插件来实现内联编辑。我已经广泛地使用了数据表，它们做得很好。

• 似乎也支持内联编辑

---

能否粘贴视图生成的标记或其一部分

$(".editablefield").live("change", function(){

//your code to handle change here

});