Настраиваемые поля
0
Я разрабатываю веб-приложение с данными jQuery с доступом к json-объекту method.Here мой код для asign указан
"aoColumns": [
{ "mData": '<input type="checkbox" value='+id+>'},
{ "mData": "email_address" },
]
Мне нужно добавить один checkbx с id. Но он не работает, пожалуйста, помогите мне
-
0добавить свою полную функцию, где вы обрабатываете эту строку в функции?Sridhar R
-
0@SridharR SridharR, мне нужно создать флажок с одним значением загруженного объекта json, то есть создать флажок между <td> </ td>Shijin
1 ответ
1
Лучший ответ
Прежде всего, вы не отправили свой полный код.
Вы можете обратиться к документации mData. Он просто считывает данные из свойства данных JSON, включая вложенные объекты данных.
В качестве альтернативы вы можете рассмотреть mRender, который говорит
Это свойство является партнером по рендерингу mData, и предполагается, что если вы хотите манипулировать данными для отображения (включая фильтрацию, сортировку и т.д.), Но не изменяя базовые данные для таблицы, используйте это свойство.
Но посмотрите ниже пример, в котором я использовал функцию обратного вызова fnRowCallback, согласно документации
Эта функция позволяет вам "обрабатывать" каждую строку после ее создания для каждого рисования таблицы, но перед ее отображением на экране. Эта функция может использоваться для установки имени класса строки и т.д.
Код:
$(document).ready(function() {
$('#demo').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>' );
$('#example').dataTable( {
"aaData":
[
{
"engine": "Trident",
"browser": "Internet Explorer 4.0",
"platform": "Win 95+",
"version": "4",
"grade": "X"
},
{
"engine": "Trident",
"browser": "Internet Explorer 5.0",
"platform": "Win 95+",
"version": "5",
"grade": "C"
},
{
"engine": "Trident",
"browser": "Internet Explorer 5.5",
"platform": "Win 95+",
"version": "5.5",
"grade": "A"
},
{
"engine": "Trident",
"browser": "Internet Explorer 6",
"platform": "Win 98+",
"version": "6",
"grade": "A"
},
{
"engine": "Trident",
"browser": "Internet Explorer 7",
"platform": "Win XP SP2+",
"version": "7",
"grade": "A"
},
{
"engine": "Trident",
"browser": "AOL browser (AOL desktop)",
"platform": "Win XP",
"version": "6",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Firefox 1.0",
"platform": "Win 98+ / OSX.2+",
"version": "1.7",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Firefox 1.5",
"platform": "Win 98+ / OSX.2+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Firefox 2.0",
"platform": "Win 98+ / OSX.2+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Firefox 3.0",
"platform": "Win 2k+ / OSX.3+",
"version": "1.9",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Camino 1.0",
"platform": "OSX.2+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Camino 1.5",
"platform": "OSX.3+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Netscape 7.2",
"platform": "Win 95+ / Mac OS 8.6-9.2",
"version": "1.7",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Netscape Browser 8",
"platform": "Win 98SE+",
"version": "1.7",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Netscape Navigator 9",
"platform": "Win 98+ / OSX.2+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.0",
"platform": "Win 95+ / OSX.1+",
"version": "1",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.1",
"platform": "Win 95+ / OSX.1+",
"version": "1.1",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.2",
"platform": "Win 95+ / OSX.1+",
"version": "1.2",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.3",
"platform": "Win 95+ / OSX.1+",
"version": "1.3",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.4",
"platform": "Win 95+ / OSX.1+",
"version": "1.4",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.5",
"platform": "Win 95+ / OSX.1+",
"version": "1.5",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.6",
"platform": "Win 95+ / OSX.1+",
"version": "1.6",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.7",
"platform": "Win 98+ / OSX.1+",
"version": "1.7",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Mozilla 1.8",
"platform": "Win 98+ / OSX.1+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Seamonkey 1.1",
"platform": "Win 98+ / OSX.2+",
"version": "1.8",
"grade": "A"
},
{
"engine": "Gecko",
"browser": "Epiphany 2.20",
"platform": "Gnome",
"version": "1.8",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "Safari 1.2",
"platform": "OSX.3",
"version": "125.5",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "Safari 1.3",
"platform": "OSX.3",
"version": "312.8",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "Safari 2.0",
"platform": "OSX.4+",
"version": "419.3",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "Safari 3.0",
"platform": "OSX.4+",
"version": "522.1",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "OmniWeb 5.5",
"platform": "OSX.4+",
"version": "420",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "iPod Touch / iPhone",
"platform": "iPod",
"version": "420.1",
"grade": "A"
},
{
"engine": "Webkit",
"browser": "S60",
"platform": "S60",
"version": "413",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 7.0",
"platform": "Win 95+ / OSX.1+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 7.5",
"platform": "Win 95+ / OSX.2+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 8.0",
"platform": "Win 95+ / OSX.2+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 8.5",
"platform": "Win 95+ / OSX.2+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 9.0",
"platform": "Win 95+ / OSX.3+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 9.2",
"platform": "Win 88+ / OSX.3+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera 9.5",
"platform": "Win 88+ / OSX.3+",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Opera for Wii",
"platform": "Wii",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Nokia N800",
"platform": "N800",
"version": "-",
"grade": "A"
},
{
"engine": "Presto",
"browser": "Nintendo DS browser",
"platform": "Nintendo DS",
"version": "8.5",
"grade": "C/A<sup>1</sup>"
},
{
"engine": "KHTML",
"browser": "Konqureror 3.1",
"platform": "KDE 3.1",
"version": "3.1",
"grade": "C"
},
{
"engine": "KHTML",
"browser": "Konqureror 3.3",
"platform": "KDE 3.3",
"version": "3.3",
"grade": "A"
},
{
"engine": "KHTML",
"browser": "Konqureror 3.5",
"platform": "KDE 3.5",
"version": "3.5",
"grade": "A"
},
{
"engine": "Tasman",
"browser": "Internet Explorer 4.5",
"platform": "Mac OS 8-9",
"version": "-",
"grade": "X"
},
{
"engine": "Tasman",
"browser": "Internet Explorer 5.1",
"platform": "Mac OS 7.6-9",
"version": "1",
"grade": "C"
},
{
"engine": "Tasman",
"browser": "Internet Explorer 5.2",
"platform": "Mac OS 8-X",
"version": "1",
"grade": "C"
},
{
"engine": "Misc",
"browser": "NetFront 3.1",
"platform": "Embedded devices",
"version": "-",
"grade": "C"
},
{
"engine": "Misc",
"browser": "NetFront 3.4",
"platform": "Embedded devices",
"version": "-",
"grade": "A"
},
{
"engine": "Misc",
"browser": "Dillo 0.8",
"platform": "Embedded devices",
"version": "-",
"grade": "X"
},
{
"engine": "Misc",
"browser": "Links",
"platform": "Text only",
"version": "-",
"grade": "X"
},
{
"engine": "Misc",
"browser": "Lynx",
"platform": "Text only",
"version": "-",
"grade": "X"
},
{
"engine": "Misc",
"browser": "IE Mobile",
"platform": "Windows Mobile 6",
"version": "-",
"grade": "C"
},
{
"engine": "Misc",
"browser": "PSP browser",
"platform": "PSP",
"version": "-",
"grade": "C"
},
{
"engine": "Other browsers",
"browser": "All others",
"platform": "-",
"version": "-",
"grade": "U"
}
],
"aoColumns":
[
{ "mData": "engine"},
{ "mData": "browser" },
{ "mData": "platform" },
{ "mData": "version" },
{ "mData": "grade" }
],
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
console.log(aData);
$('td:eq(2)', nRow).html('<input type="checkbox" value=' + aData["engine"] + '>');
return nRow;
}
} );
} );
Посмотрите эту рабочую скрипку. Я надеюсь, что это помогает!
Nilesh Thakkar
Поделиться
Ещё вопросы
- 1Могу ли я гарантировать, что мое Java-приложение будет выполняться с помощью Security Manager с ограничительной политикой?
- 0Как я могу передать свой заводской результат другому контроллеру?
- 1Python Selenium: получить значения из выпадающего списка
- 1Как поставить легенду Bokeh на «bottom_right»
- 0Почему в моей таблице нет границ?
- 0javascript, div мигает вместо исчезновения
- 0Как использовать дополнительные значения в маршрутах Laravel?
- 0Как открыть новое окно в angularjs и вариант для печати?
- 0Как обновить только текст кнопки в компонентах jologery ui
- 1javascript document.getElementsbyClassName не является функцией
- 1Vue директива после V-для
- 1Не удается создать файл на внешнем накопителе USB?
- 0текст в контроллере никогда не регистрируется / никогда не запускался Angular Rails
- 0Как запрограммировать загрузку нескольких файлов с помощью CodeIgniter?
- 1Генерация случайных, но статических данных теста
- 0Файл блокировки Windows C ++ в памяти
- 1Преобразование имен столбцов в числа?
- 0HTML-форма для загрузки папки FTP
- 0Jquery - возвращение значения из массива
- 1Изменение домена масштаба без смещения всего графика
- 1Разрешение службы ServiceStack и определение типа контента
- 1Прочитать сообщение NDEF из тега два раза одним касанием (без перемещения телефона)
- 0Как проверить 3 начальные цифры на ИД пользователя с PHP?
- 0C ++ Соединение двух разделенных на трубы файлов по ключевым полям
- 1NullPointerException в Java в списке массивов
- 0Сокращающиеся интервалы окна
- 0У меня ошибка LNK2019: нерешенная внешняя ошибка символа (небольшой код для просмотра)
- 1Получение FileNotFoundException при попытке поделиться MP3 через неявное намерение с использованием FileProvider
- 1Чистая Java-альтернатива GIMP с * live * плагином?
- 1При загрузке изображения с использованием XmlHttpRequest я получаю эту ошибку
- 0Разбор XML-кода через PHP в jQuery - Ошибка XML
- 0I18n с Angular JS (jlg-i18n) - фильтры даты и валюты не работают (динамическое изменение локали $)
- 0Как показать изображение загрузки во время рендеринга выпадающего списка (не во время загрузки данных, а во время рендеринга)
- 0Html.toHtml () не конвертирует текст RelativeSizeSpan 'ed
- 0Вызов Jquery из сервлета
- 0Значение идентификатора в mySQL равно auto_increment, но, похоже, генерируется в netbeans
- 1C # AsyncSockets, куда отправлять данные без получения данных раньше?
- 1Как я могу получить хеш вебпака во время сборки?
- 0Получение пар ключ-значение из ответа json в угловое js
- 1Spring JPA Hibernate обрабатывает большие базы данных
- 1MVC Solution установлен в формат даты США
- 1Как Date.prototype.getUTCFullYear () соответствует 2000 году?
- 1Как правильно читать числовые данные (сохраненные в текстовом файле) в Python?
- 1SSH с nodejs
- 0рекурсия через функцию производных классов шаблонного класса
- 0Получение данных при печати URL в html-странице
- 1как я могу получить доступ к переменной в блоке try в другом блоке try?
- 1Обнаружение попадания между 2 движущимися объектами в CreateJS
- 0JQuery закрыть диалоговое окно, когда завершение вызова AJAX
- 1Scipy rv_continuous неправильно генерирует образец из распределения
