Таблица Bootstrap в течение другого таблицы Bootstrap не сортируется -- jquery поле с участием twitter-bootstrap поле с участием bootstrap-modal пол Связанный проблема

Bootstrap Table within another Bootstrap Table not sortable


2
vote

проблема

русский

У меня есть проект, который состоит из таблицы Bootstrap со многими строками, и каждая строка имеет раскрывающуюся кнопку, которая открывает подсуду. Я включил сортировку в подплетене, однако щелкнув к заголовкам, чтобы выполнить функцию сортировки, приводит к тому, что подставку уходит обратно в родительскую таблицу. Суба стол никогда не сортируется.

Parent-Table.html.haml

 <код> .bootstrap-table-dropdown-overflow   #sla-custom-toolbar     %button.btn.btn-success.otf_service_new{type: "button", aria: {label: "Add Line Item"}}= t(:line_item)[(is_protocol_type_study? (@protocol)) ? :add_line_item_study : :add_line_item_project]   %table.study_level_activities{id: "study-level-activities-table", data: {toggle: 'table', search: "true", "show-columns" => "true", "show-refresh" => "true", "show-toggle" => "true", url: line_items_path(format: :json, protocol_id: protocol.id), striped: "true", toolbar: "#sla-custom-toolbar", "show-export" => "true", "export-types" => ['excel']}}     %thead.primary-header       %tr         %th{data: {class: 'fulfillments_button', align: "left", field: "fulfillments_button"}}         %th{data: {class: 'service', align: "left", field: "service"}}           = t(:line_item)[:service]         %th{data: {class: 'act_num wrap', align: "left", sortable: "true", field: "account_number"}}           = t(:line_item)[:account_number]         %th{data: {class: 'contact wrap', align: "left", sortable: "true", field: "contact"}}           = t(:line_item)[:contact]         %th{data: {class: 'qty_type', align: "left", field: "quantity_type"}}           = t(:line_item)[:qty_type]         %th{data: {class: 'qty_req', align: "left", sortable: "true", field: "quantity_requested"}}           = t(:line_item)[:qty_req]         %th{data: {class: 'qty_rem', align: "left", sortable: "true", field: "quantity_remaining"}}           = t(:line_item)[:qty_rem]         %th{data: {class: 'started', align: "left", sortable: "true", sorter: "dateSorter", field: "date_started"}}           = t(:line_item)[:started]         %th{data: {class: 'components', align: "center", field: "service_components"}}           = t(:line_item)[:components]         %th{data: {class: 'last_fulfillment', align: "left", sortable: "true", sorter: "dateSorter", field: "last_fulfillment"}}           = t(:line_item)[:last_fulfillment]         %th{data: {class: 'options', align: "center", field: "options"}}           = t(:actions)[:actions]   

SUB-TALLE.html.haml

 <код> %td{colspan: 11}   .bootstrap-table-dropdown-overflow     #fulfillment-custom-toolbar       %button.btn.btn-success.otf_fulfillment_new{type: "button", "aria-label" => "Add Fulfillment", data: {line_item_id: line_item.id}}         = t(:fulfillment)[:add_fulfillment]     %table.fulfillments{id: "fulfillments-table", data: {toggle: 'table', search: "true", "show-columns" => "true", "show-refresh" => "true", "show-toggle" => "true", url: fulfillments_path(format: :json, line_item_id: line_item.id), striped: "true", toolbar: "#fulfillment-custom-toolbar", "show-export" => "true", "export-types" => ['excel']}}       %thead.secondary-header         %tr           %th{data: {class: 'fulfillment_date', align: "left", sortable: "true", sorter: "dateSorter", field: "fulfillment_date"}}             = t(:fulfillment)[:fulfillment_date]           %th{data: {class: 'quantity', align: "left", sortable: "true", field: "quantity"}}             = t(:fulfillment)[:quantity]           %th{data: {class: 'qty_type', align: "left", sortable: "true", field: "quantity_type"}}             = t(:fulfillment)[:qty_type]           %th{data: {class: 'performed_by', align: "left", sortable: "true", field: "performed_by"}}             = t(:fulfillment)[:performed_by]           %th{data: {class: 'components', align: "center", field: "components"}}             = t(:fulfillment)[:components]           %th{data: {class: 'options', align: "center", field: "options"}}             = t(:actions)[:actions]   

index.js.Coffee

 <код> $("#fulfillments_row").attr('data-line_item_id', "<%= @line_item.id %>") $("#fulfillments_row").html("<%= escape_javascript(render(:partial =>'study_level_activities/fulfillments_table', locals: {line_item: @line_item})) %>"); $("#fulfillments_row").prev("tr").first().find(".otf_fulfillments > .glyphicon").removeClass("glyphicon-refresh").addClass("glyphicon-chevron-down").parents("button").attr('data-original-title', 'Hide Fulfillments') $("#fulfillments-table").bootstrapTable()   
Английский оригинал

I have a project which consists of a bootstrap table with many rows, and each row has a dropdown button that opens a sub-table. I have enabled sortable on the sub-table, however clicking the headers to perform the sort function causes the sub-table to go away back to the parent table. Sub-table never gets sorted.

parent-table.html.haml

.bootstrap-table-dropdown-overflow   #sla-custom-toolbar     %button.btn.btn-success.otf_service_new{type: "button", aria: {label: "Add Line Item"}}= t(:line_item)[(is_protocol_type_study? (@protocol)) ? :add_line_item_study : :add_line_item_project]   %table.study_level_activities{id: "study-level-activities-table", data: {toggle: 'table', search: "true", "show-columns" => "true", "show-refresh" => "true", "show-toggle" => "true", url: line_items_path(format: :json, protocol_id: protocol.id), striped: "true", toolbar: "#sla-custom-toolbar", "show-export" => "true", "export-types" => ['excel']}}     %thead.primary-header       %tr         %th{data: {class: 'fulfillments_button', align: "left", field: "fulfillments_button"}}         %th{data: {class: 'service', align: "left", field: "service"}}           = t(:line_item)[:service]         %th{data: {class: 'act_num wrap', align: "left", sortable: "true", field: "account_number"}}           = t(:line_item)[:account_number]         %th{data: {class: 'contact wrap', align: "left", sortable: "true", field: "contact"}}           = t(:line_item)[:contact]         %th{data: {class: 'qty_type', align: "left", field: "quantity_type"}}           = t(:line_item)[:qty_type]         %th{data: {class: 'qty_req', align: "left", sortable: "true", field: "quantity_requested"}}           = t(:line_item)[:qty_req]         %th{data: {class: 'qty_rem', align: "left", sortable: "true", field: "quantity_remaining"}}           = t(:line_item)[:qty_rem]         %th{data: {class: 'started', align: "left", sortable: "true", sorter: "dateSorter", field: "date_started"}}           = t(:line_item)[:started]         %th{data: {class: 'components', align: "center", field: "service_components"}}           = t(:line_item)[:components]         %th{data: {class: 'last_fulfillment', align: "left", sortable: "true", sorter: "dateSorter", field: "last_fulfillment"}}           = t(:line_item)[:last_fulfillment]         %th{data: {class: 'options', align: "center", field: "options"}}           = t(:actions)[:actions] 

sub-table.html.haml

%td{colspan: 11}   .bootstrap-table-dropdown-overflow     #fulfillment-custom-toolbar       %button.btn.btn-success.otf_fulfillment_new{type: "button", "aria-label" => "Add Fulfillment", data: {line_item_id: line_item.id}}         = t(:fulfillment)[:add_fulfillment]     %table.fulfillments{id: "fulfillments-table", data: {toggle: 'table', search: "true", "show-columns" => "true", "show-refresh" => "true", "show-toggle" => "true", url: fulfillments_path(format: :json, line_item_id: line_item.id), striped: "true", toolbar: "#fulfillment-custom-toolbar", "show-export" => "true", "export-types" => ['excel']}}       %thead.secondary-header         %tr           %th{data: {class: 'fulfillment_date', align: "left", sortable: "true", sorter: "dateSorter", field: "fulfillment_date"}}             = t(:fulfillment)[:fulfillment_date]           %th{data: {class: 'quantity', align: "left", sortable: "true", field: "quantity"}}             = t(:fulfillment)[:quantity]           %th{data: {class: 'qty_type', align: "left", sortable: "true", field: "quantity_type"}}             = t(:fulfillment)[:qty_type]           %th{data: {class: 'performed_by', align: "left", sortable: "true", field: "performed_by"}}             = t(:fulfillment)[:performed_by]           %th{data: {class: 'components', align: "center", field: "components"}}             = t(:fulfillment)[:components]           %th{data: {class: 'options', align: "center", field: "options"}}             = t(:actions)[:actions] 

index.js.coffee

$("#fulfillments_row").attr('data-line_item_id', "<%= @line_item.id %>") $("#fulfillments_row").html("<%= escape_javascript(render(:partial =>'study_level_activities/fulfillments_table', locals: {line_item: @line_item})) %>"); $("#fulfillments_row").prev("tr").first().find(".otf_fulfillments > .glyphicon").removeClass("glyphicon-refresh").addClass("glyphicon-chevron-down").parents("button").attr('data-original-title', 'Hide Fulfillments') $("#fulfillments-table").bootstrapTable() 
</div
        
 
 

Список ответов

Связанный проблема

0  Имея проблемы с использованием объема в jQuery  ( Having issues using a scope in jquery ) 
Так что я пытаюсь передать значение переменной FreeMarker ($ {item.uid}) на клик ссылки, чтобы запустить модаль с тем же уникальным значением идентификатора. ...

0  jQuery - скрыть предметы, если окно недостаточно высокое  ( Jquery hide items if window is not tall enough ) 
У меня есть фиксированная строка меню слева от страницы. Но я хотел бы, чтобы пункты меню были скрыты, если в окне достаточно высока, чтобы показать все элеме...

3  Динамически изменить размер ввода  ( Dynamically resize input ) 
Мне просто интересно, как у вас динамически разместите вход, как вы введете в него ?? Я хотел бы использовать jQuery, если это возможно и AMP; Я бы предпоче...

6  Как обнаружить IE7 и ниже, используя jquery.support?  ( How to detect ie7 and lower using jquery support ) 
В настоящее время я использую jquery.browser для обнаружения IE7 и ниже <код> if ($.browser.msie && parseInt($.browser.version) <= 7) { //codes } Но...

0  Как удалить текст по умолчанию Наведите текст и отобразить название пользовательского текста на Haver Donut Chart HighCharts  ( How to remove default hover text and display the custom text title on hover donu ) 
У меня создана диаграмма пончика, у меня проблема, показывает внутренние текстовые заголовки в двух строках для 'Meternity: 84'. Когда я зависаю / Наведи...

0  jQuery: передача это к детской функции  ( Jquery passing this to child function ) 
У меня есть что-то подобное: <код> $('element.selector').live("click", function (){ run_some_func (); }); $('element.selector2').live("click", function...

0  Весной MVC возвращает ответ AJAX с использованием Jackson  ( Spring mvc return ajax response using jackson ) 
У меня есть сценарий, в котором я заполняю раскрывающуюся коробку в JSP через ответ AJAX с сервера. В контроллере я отказываюсь от коллекции объектов продукта...

0  Как интегрировать history.js на мой сайт Ajax?  ( How to integrate history js to my ajax site ) 
У меня осталось и правый div на моем сайте и с навигационными кнопками. Допустим, Button_1, Button_2. При нажатии на эти кнопки изменит правильный контент D...

1  ajax () не отвечает после события keyup  ( Ajax not responding after keyup event ) 
Это проблема jQuery / ajax. JQuery / ajax отвечает на событие keyup с оповещением (LOC), показывающим результат значения, введенного в текстовое поле числа. ...

0  JQuery - Как два элемента - IMG - Div, когда наведите курсор на IMG Показать / Скрыть Div - добавлен с Hover Hote / Show на IMG AllReady  ( Jquery how two elements img div when hover over img show hide the div ad ) 
Я очень новый для удивления, который jQuery. И я просто выясняю, как сделать мои кнопки IMG показать / прятаться с разницей непрозрачности (как таковой) <...

1  jQuery Получить остальные значения опционов в формате CSV  ( Jquery get remaining option values in csv format ) 
Я хочу вернуть форматунную строку CSV, чтобы установить значение поля входного текста с значениями параметров из окна выбора. $. Карта ($ ('# Добавлена ​​д...

0  jQuery работает в Firefox, Safari, но не в Chrome  ( Jquery working in firefox safari but not in chrome ) 
Я написал какой-то код с JQuery Works в Firefox, Safari и IE9. Но Chrome это не нравится. Никаких очевидных MSG в Chrome Console не подходит. Я ударяю стену, ...

41  Тест, если элемент уже имеет jQuery DatePicker  ( Test if element already has jquery datepicker ) 
У меня есть форма со многими входными элементами. Некоторые поля встречаются на сегодняшний день с jQuery UI DatePicker Arlaedy прилагается: <код> $("#someE...

1  Как включить фотовипе без щелчка?  ( How to turn on photoswipe without click ) 
Я использую мобильный телефон Фотографий Галерея. Моя проблема заключается в том, что мне нужно загрузить его не нажима на изображение, а на кликах на други...

7  Объект IIFE и Window?  ( Iife and window object ) 
<Код> IIFE Что нужно получить доступ без переопределения <код> window объект - можно рассматривать как: что-то вроде ( jQuery Пример): <код> $(function...

Связанный проблема

0  Имея проблемы с использованием объема в jQuery 
0  jQuery - скрыть предметы, если окно недостаточно высокое 
3  Динамически изменить размер ввода 
6  Как обнаружить IE7 и ниже, используя jquery.support? 
0  Как удалить текст по умолчанию Наведите текст и отобразить название пользовательского текста на Haver Donut Chart HighCharts 
0  jQuery: передача это к детской функции 
0  Весной MVC возвращает ответ AJAX с использованием Jackson 
0  Как интегрировать history.js на мой сайт Ajax? 
1  ajax () не отвечает после события keyup 
0  JQuery - Как два элемента - IMG - Div, когда наведите курсор на IMG Показать / Скрыть Div - добавлен с Hover Hote / Show на IMG AllReady 
1  jQuery Получить остальные значения опционов в формате CSV 
0  jQuery работает в Firefox, Safari, но не в Chrome 
41  Тест, если элемент уже имеет jQuery DatePicker 
1  Как включить фотовипе без щелчка? 
7  Объект IIFE и Window?