+ bug: add javascript to init datatable.

2023-08-30 10:28:12 +08:00
parent d5cbad2afa
commit 63866c2ef9
1 changed files with 74 additions and 0 deletions
@@ -10,6 +10,27 @@ $(function()
    if($("main").is(".hide-sidebar")) $("#sidebarHeader").hide();

    $('#bugList').on('change', "[name='bugIDList[]']", checkClosed);
+
+    $('.table-footer .check-all').on('click', function()
+    {
+        var $dtable = zui.DTable.query('#bugList').$;
+        if($(this).hasClass('checked'))
+        {
+            $(this).removeClass('checked');
+            $('.has-checkbox').click().removeClass('is-checked');
+            $('.dtable-checkbox').removeClass('checked');
+            $dtable.toggleCheckRows(false);
+        }
+        else
+        {
+            $(this).addClass('checked');
+            $('.has-checkbox').click().addClass('is-checked');
+            $('.dtable-checkbox').addClass('checked');
+            $dtable.toggleCheckRows(true);
+        }
+
+        setStatistics();
+    })
 });

 /**
@@ -32,3 +53,56 @@ function checkClosed()

    $('#mulAssigned').prop('disabled', disabledAssigned);
 }
+
+function setStatistics()
+{
+    $('input[name^=bugIDList]').remove();
+
+    const element      = zui.DTable.query('#bugList').$;
+    const checkedList  = element.getChecks();
+    const checkedCount = checkedList.length;
+    const allChecked   = element.isAllRowChecked();
+    $('.table-footer .table-actions').toggle(checkedCount > 0);
+    $('.table-footer .check-all').toggleClass('checked', allChecked);
+    if(checkedCount == 0) return $('.table-statistic').html(pageSummary);
+
+    checkedList.forEach(function(id)
+    {
+        if(element.getRowInfo(id) == undefined) return true;
+
+        $('#bugForm').append('<input type="hidden" name="bugIDList[]" value="' + id + '">');
+    });
+
+    $('.table-statistic').html(checkedSummary.replace('{0}', checkedCount));
+}
+
+function createSortLink(col)
+{
+    var sort = col.name + '_asc';
+    if(sort == orderBy) sort = col.name + '_desc';
+    return sortLink.replace('{orderBy}', sort);
+}
+
+cols = JSON.parse(cols);
+data = JSON.parse(data);
+const options =
+{
+    striped: true,
+    plugins: ['nested', 'checkable'],
+    checkOnClickRow: true,
+    sortLink: createSortLink,
+    cols: cols,
+    data: data,
+    footer: false,
+    responsive: true,
+    onCheckChange: setStatistics,
+    height: function(height)
+    {
+        return Math.min($(window).height() - $('#header').outerHeight() - $('#mainMenu').outerHeight() - $('.table-footer').outerHeight() - 30, height);
+    },
+    checkInfo: function(checkedIDList)
+    {
+        return setStatistics(this, checkedIDList);
+    }
+};
+$('#bugList').dtable(options);