• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Tabulator na bazie danych z pętli lub tabelki html

Aruba Cloud - Virtual Private Server VPS
0 głosów
405 wizyt
pytanie zadane 16 listopada 2021 w JavaScript przez kamil Danielski Użytkownik (540 p.)
edycja 16 listopada 2021 przez ScriptyChris

Cześć, 

Wykorzystuje widget calculator field form do robienia kalkulatorów, dla wygody, gdyż jest mniej kodu do ogarnięcia. Znalazłem na ich strony gotowy kalkulator hipoteki z tabelką w html generujący amortyzację. Wszystko w nim fajnie działa tylko jest niewystarczający dla moich potrzeb. Chciałem go przerobić na tabulator - dodałem w table id="example-table", problem w tym, że nie wyświetlają mi się dane, lub wyświetla się tylko jedna. Zawsze to trochę do przodu, że jakoś JS reaguje. Potrzebuje Waszego wsparcia aby dowiedzieć się jak zrobić, aby wyświetlał wszystkie dane, bo zgodnie z dokumentacją tabulator może wyświetlić taką tabelkę jeśli nie jest skomplikowana (a ta ma tylko elementy <table><thead><tbody> i <tr><td> bez żadnych dodatkowych elementów, no, może tylko jest ich dużo i z góry nie wiadomo ile ich będzie, bo długość tej tabelki zależy od czasu zwrotu. 

Pomyślałem, że na pewno da się to zrobić tylko może trzeba napisać funkcję, która opóźniałaby ładowanie danych? 

Innym moim pomysłem było wymyślenie jakieś funkcji w tabulatorze tylko nie do końca wiem, która by tu pasowała najbardziej mutator? czy może update? Dam poniżej moją próbę i to co wymyśliłem, może wspólnymi siłami uda nam się to napisać...

table.updateDate.then(function){ 

  var r = CALCULATEAMORTIZATION(fieldname1,fieldname3,fieldname2), 

  if(r.length) {

    for(var i = 0, h = r.length; i < h; i++) {

      addRow { id: i, example: GETDATETIMESTRING( new Date(r[i]['date']), 'yyyy-mm-dd'), example2: 'PREC(r[i]['interest'],2), example3: PREC(r[i]['payment'],2), example4: PREC(r[i]['paymentToInterest'],2) example5: PREC(r[i]['paymentToPrinciple'],2) example6: PREC(r[i]['principle'],2)
    }, 

  }

}
(function(){
  var r = CALCULATEAMORTIZATION(fieldname1,fieldname3,fieldname2),
  str = '';
  if(r.length)
  {
    str = '<table cellpadding=" 10" >';
    str += '';
    str += 'Date';
    str += 'Interest';
    str += 'Payment';
    str += 'Payment to Interest';
    str += 'Payment to Principle';
    str += 'Principle';
    str += '';
    for(var i = 0, h = r.length; i < h; i++)
    {
      str += '';
      str += ''+GETDATETIMESTRING( new Date(r[i]['date']), 'yyyy-mm-dd')+'';
      str += ''+PREC(r[i]['interest'],2)+'';
      str += ''+PREC(r[i]['payment'],2)+'';
      str += ''+PREC(r[i]['paymentToInterest'],2)+'';
      str += ''+PREC(r[i]['paymentToPrinciple'],2)+'';
      str += ''+PREC(r[i]['principle'],2)+'';
      str += '';
    }
    str += '';
    str += '</table>';
  }
  jQuery('.result-here').html( str );
})()

 

1 odpowiedź

0 głosów
odpowiedź 17 listopada 2021 przez kamil Danielski Użytkownik (540 p.)
Nie udało mi się zrobić tabelki na bazie tabulator, gdyż tabulator umiał wczytywać tylko pierwszy wiersz. Jednak to, że jakoś java script reaguje dało mi przypuszczenie, że może jakaś inna biblioteka da radę przerobić taki html w interaktywną tabelkę. I tak właśnie się stało. Zbudowałem tabelkę w DataTable. Co daje również inne dodatkowe opcję, jak HighCharts.

Teraz zacząłem naukę AJAX, gdyż na innym forum przeczytałem, że to najlepszy sposób połączenia jednych danych z drugimi, chociaż osobiście uważam, że wszystko powinno odbywać się po stronie klienta.

 

Dziękuje za uwagę!

Podobne pytania

0 głosów
3 odpowiedzi 3,419 wizyt
pytanie zadane 2 lutego 2016 w HTML i CSS przez Mavimix Dyskutant (8,420 p.)
0 głosów
1 odpowiedź 12,949 wizyt
pytanie zadane 15 stycznia 2018 w HTML i CSS przez Dziobi Początkujący (490 p.)
0 głosów
1 odpowiedź 5,531 wizyt

93,324 zapytań

142,323 odpowiedzi

322,389 komentarzy

62,653 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...