DWR addRows() с идентификаторами элементов

Question

Вызов всех гуру DWR!

В настоящее время я использую обратный Ajax для динамического добавления данных в таблицу на веб-странице.

Когда я запускаю следующий метод:

public static void addRows(String tableBdId, String[][] data) {
    Util dwrUtil = new Util(getSessionForPage()); // Get all page sessions
    dwrUtil.addRows(tableBdId, data);
}

Новая строка создается на моей веб-странице по мере необходимости.

Однако, чтобы позже обновить эти вновь созданные значения, теги должны иметь идентификатор элемента, к которому я мог бы получить доступ.

Я просмотрел Javadoc DWR, и вы можете указать некоторые дополнительные параметры, см. http://directwebremoting.org/dwr/browser/addRows , но для меня это не имеет особого смысла, документация очень скудная.

Если бы кто-нибудь мог подсказать мне, как указать идентификаторы элементов для созданных элементов td, я был бы очень признателен.В качестве альтернативы, если кто-нибудь знает альтернативный подход, мне было бы очень интересно узнать.

С уважением

Карл

Answer 1

Самое близкое, что я мог сделать, это передать некоторые аргументы, чтобы дать элементу идентификатор.См. ниже:

    public static void addRows(String tableBdId, String[] data, String rowId) {

    Util dwrUtil = new Util(getSessionForPage()); // Get all page sessions

    // Create the options, which is needed to add a row ID
    String options = "{" +
            "  rowCreator:function(options) {" +
            "    var row = document.createElement(\"tr\");" +
            "     row.setAttribute('id','" + rowId + "'); " +
                    "    return row;" +
                            "  }," +
            "  cellCreator:function(options) {" +
            "    var td = document.createElement(\"td\");" +
            "    return td;" +
                 "  }," +
            "  escapeHtml:true\"}";


    // Wrap the supplied row into an array to match the API
    String[][] args1 = new String[][] { data };
    dwrUtil.addRows(tableBdId, args1, options);

Answer 2

Эта строка вашего кода действительно работает??

dwrUtil.addRows(tableBdId, data);

Для работы метода DWR addRows требуется как минимум 3 параметра из 4., они есть:

1. идентификатор:Идентификатор элемента таблицы (предпочтительно элемента tbody);
2. множество:Массив (или объект из DWR 1.1), содержащий по одной записи для каждой строки обновляемой таблицы;
3. CellFuncs:Массив функций (по одной на столбец) для извлечения данных ячейки из переданных данных строки;
4. параметры:Объект, содержащий различные параметры.

А идентификатор, множество и CellFuncs являются необходимый, и в вашем случае вам придется пройти параметры Также из-за вы хотите настроить создание строки и установить идентификатор TD.проверьте это:

Внутри аргумента options вам нужно использовать один параметр под названием «cellCreator», чтобы указать свой собственный способ создания элемента td html.Проверьте это:

// Use the cellFuncs var to set the values you want to display inside the table rows
// the syntax is object.property
// use one function(data) for each property you need to show on your table.
var cellFuncs = [
		         	function(data) { return data.name_of_the_first_object_property ,
		         	function(data) { return data.name_of_the_second_object_property; } 
		         	];											
											
DWRUtil.addRows(
				tableBdId, 
				data, 
				cellFuncs, 
				{
					  // This function is used for you customize the generated td element
					  cellCreator:function(options) {
							var td = document.createElement("td");
							// setting the td element id using the rowIndex
							// just implement your own id bellow
							td.id = options.rowIndex;
							return td;
					 }
				});