2012-02-06 4 views
1

мне нужно обновить определенную строку в таблице, уже сделал «валидаторы», чтобы обеспечить 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> 
+0

Вам нужно объяснить, что вы пробовали, какие ошибки вы находите, каков ваш вопрос на самом деле, как выглядит ваше табличное обновление html + js. –

+0

im пытается обновить строку в таблице данными, взятыми из следующей таблицы. и ничего не происходит. Это проблема. Ошибки компилятора/отладчика. Работа с eclipse 4.1. –

ответ

1

Я бы рекомендовал использовать рамки привязки данных. Недавно я использовал нокауты, и мне это нравится. Объем кода, который я пишу для создания сложных пользовательских интерфейсов, намного меньше при использовании Knockout.

В принципе, вы бы привязывали HTML, просто добавляя к элементу свойство data-bind. Затем, когда кто-то меняет значение, он немедленно обновляется в вашей модели просмотра. Если вы выберете новые данные из запроса AJAX, он также обновит ваш интерфейс.

Больше информации здесь: http://knockoutjs.com/

я настоятельно рекомендую это, как это поможет вам писать более чистый, более управляемый код, и сделать это быстрее. Вы собираетесь «изобретать колесо», обрабатывая все «вручную», как вы просите.

+0

im новичок с jQuery, поэтому, если в jQuery нет никакого способа сделать это, и попробуйте свое предложение. Я действительно хочу остаться между границами, которые я установил на данный момент. спасибо большое. –

+0

@OriGavrielRefael Это можно сделать окончательно, используя только jQuery, это будет намного сложнее покрыть каждый угловой случай. Напротив, структура, такая как Knockout, обрабатывает те из вас. Я понимаю нежелание брать слишком много новых вещей сразу, но, я думаю, вам лучше научиться этому сейчас. BTW, jQuery и Knockout полностью совместимы. Они предназначены для решения самых разных вопросов. Нокаут - привязка данных, jQuery - это API нижнего уровня, который обрабатывает DOM-манипуляцию и соответствие кросс-браузеру. – Jonathan

+0

работает с Eclipse 4.1 framework? –

Смежные вопросы