jQuery對話框 - 使用jQuery/ajax編輯表格數據內聯

我在這裏有一種疑問，目前我使用jQuery模式對話框來顯示數據庫實例的詳細信息。該對話框以表格形式加載顯示數據細節的局部視圖。我想讓用戶點擊編輯按鈕，並直接編輯表格中的數據（具體來說，我想在每個@ Html.DisplayFor中觸發一個更改爲可編輯字段）。我不知道如何做到這一點，我需要用戶點擊編輯後有另一個對話框？任何其他可能的方式來做到這一點？jQuery對話框 - 使用jQuery/ajax編輯表格數據內聯

非常感謝所有幫助...

我打電話給我在查看對話框如下：

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

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

的詳細操作將返回我的部分觀點，這是我用表顯示所有我的食物實例詳情（下面是它的一部分）：

@foreach (var item in Model) { 
<tr> 
    <td> 
     @Html.DisplayFor(modelItem => item.FoodName) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.FoodAmount) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.StorageDate) 
    </td>

任何線索？請幫助..

來源

2011-07-19 shennyL

您可以粘貼您的視圖生成的標記或它的一部分 – Rafay

你可以動態地隱藏顯示編輯自己的標籤/輸入，但使用已經具有此功能的jQuery的表格可能更容易：

這裏是一個文章使用DataTables與一些插件來實現內聯編輯。我廣泛使用了DataTables，他們完成了很好的工作。 http://www.codeproject.com/KB/aspnet/MVC-CRUD-DataTable.aspx
jqGrid似乎支持在線編輯以及 http://trirand.com/blog/jqgrid/jqgrid.html#

來源

2011-08-23 08:28:41 TJB

問題是含糊不清的我，但你可以將一個類所有可編輯的字段，然後附加一個change事件處理

class = "editablefield"

和jQuery的

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

//your code to handle change here 

});

我已經使用live，以防萬一處理動態添加元素到DOM

jquery .live

jquery .change

來源

2011-07-19 10:16:32 Rafay

jQuery對話框 - 使用jQuery/ajax編輯表格數據內聯

回答

相關問題