更新錶行，jQuery的

我需要更新表中的某一行，已經做了「驗證」，以確保當複選框被點擊其他一些按鈕後，選中第1點的編輯，到目前爲止，我寫的東西，如：更新錶行，jQuery的

$("#btnsavechanges").click(function(){ 


    $("#meetingspanel tr td").find(":checked").parent().parent().children)(.eq(0).append(document.getElementById("modsub").value); 
    $("#meetingspanel tr td").find(":checked").parent().parent().children)(.eq(2).append(document.getElementById("modwhere").value); 
    $("#meetingspanel tr td").find(":checked").parent().parent().children)(.eq(3).append(document.getElementById("modwhen").value); 
    $("#meetingspanel tr td").find(":checked").parent().parent().children)(.eq(4).append(document.getElementById("modtime").value); 
    $("#meetingspanel tr td").find(":checked").parent().parent().children)(.eq(5).append(document.getElementById("modwho").value); 
    $("#tblmod").fadeOut("slow"); 


});

表看起來是這樣的：

<table id='tblmod' width='80%' align='center' > 
<tr bgcolor='white'> 
<td width='15%'> 
Enter Subject<input type="text" id="modsubject" width="15%"> 
</td> 
<td width='15%'> 
Enter Location<input type="text" id="modwhere" width="15%"> 
</td> 
<td width='15%'> 
Enter When<input type="text" id="modwhen" width="15%"> 
</td> 
<td width='15%'> 
Enter Time<input type="text" id="modtime" width="15%"> 
</td> 
<td width='15%'> 
Enter With Who<input type="text" id="modwho" width="15%"> 
</td> 
</tr> 
<tr><th align="right" style=border-width:0px><button type="button" id="btnsavechanges" value="Save New Changes" >Save Changes</button></th></tr> 
</table>

來源

2012-02-06 Ori Refael

你需要解釋你已經嘗試了什麼，你發現了什麼錯誤，你的問題實際是什麼，你的表更新html + js的樣子。 – 2012-02-06 11:21:28

即時通訊嘗試使用下表中的數據更新表中的一行。沒有任何反應。問題是沒有比較器/調試器錯誤。 – 2012-02-06 17:02:12

我會建議使用數據綁定框架。我最近一直在使用knockoutjs，我喜歡它。使用Knockout時，我編寫的用於執行復雜UI的代碼量要小得多。

基本上，您只需將一個data-bind屬性添加到元素即可綁定HTML。然後，當某人更改某個值時，它會立即在您的視圖模型中更新。如果您從AJAX請求中提取新數據，它也會更新您的用戶界面。

此處瞭解詳情：http://knockoutjs.com/

我強烈建議這個，因爲它會幫助你編寫更乾淨，更可管理代碼，這樣做的速度更快。您將按照您的要求「手動」處理所有內容，從而「重塑車輪」。

來源

2012-02-06 11:21:32 Jonathan

即時通訊與jQuery的初學者，所以如果沒有辦法做到這一點在jQuery生病去，並嘗試你的建議..我真的想留在我現在設置的邊界之間。非常感謝。 – 2012-02-06 11:35:17

@OriGavrielRefael它可以只使用jQuery完成，它將覆蓋每個角落案例要困難得多。相比之下，像Knockout這樣的框架爲你處理。我明白不願意同時承擔太多新事物，但是，我認爲你現在會更好地學習它。 BTW，jQuery和Knockout完全兼容。它們旨在解決非常不同的問題。 Knockout是數據綁定，jQuery是處理DOM操作和跨瀏覽器合規性的低級API。 – Jonathan 2012-02-06 11:57:10

它使用Eclipse 4.1框架嗎？ – 2012-02-06 15:11:04

更新錶行，jQuery的

回答

相關問題