<tr data-bind="foreach: activeColumns"> "> <tr data-bind="foreach: activeColumns"> "> <tr data-bind="foreach: activeColumns"> " />

привязка данных, чтобы переместить колонки таблицы

Я использую нокаут, чтобы динамично добавить ряды и колонки к столу, но далее я должен переупорядочить колонки перетаскиванием. Ниже моя точка зрения и модель.

Посмотреть:

    <table id="gridTable">
    <tr data-bind="foreach: activeColumns">
      <th data-bind="text: display"></th>
    </tr>
    <tbody id="sortable" data-bind="foreach: rows">
     <tr data-bind="foreach: $root.activeColumns">
         <td>
            
            <input data-bind="visible: !readonly, value: $parent[property]"/>
          </td>
</tr>
</tbody>

model:

rows: ko.observableArray([
new Person(1, "Bob", 44),
new Person(2, "Ted", 22),
new Person(3, "Jane", 55),
new Person(4, "Sue", 11)
]),
activeColumns: ko.observableArray([{property: 'id', display: 'ID', readonly: true},
{property: 'name', display: 'Name', readonly: false}, {property: 'age', display: 'Age',
readonly: false}]),
addColumn: function() {
    var newProperty = this.newAttribute();
    var newProperty1= this.selectedCategory();
    this.activeColumns.push({property: newProperty, display: newProperty, readonly: 
 false});
    ko.utils.arrayForEach(this.rows(), function(row) {
        if (!row[newProperty]) {
        row[newProperty] = ko.observable();
        }
    });
0
nl ja de
Вы могли бы хотеть проверить Поддающийся сортировке Нокаут github.com/rniemeyer/knockout-sortable
добавлено автор xdumaine, источник

1 ответы

Используя dragtable.js решил проблему. Используемая следующая ссылка

http://www.danvk.org/wp/dragtable/

0
добавлено