• 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

0 głosów
43 wizyt
pytanie zadane 16 listopada 2021 w JavaScript przez kamil Danielski Początkujący (310 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 Początkujący (310 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 2,043 wizyt
pytanie zadane 2 lutego 2016 w HTML i CSS przez Mavimix Dyskutant (7,870 p.)
0 głosów
1 odpowiedź 8,783 wizyt
pytanie zadane 15 stycznia 2018 w HTML i CSS przez Dziobi Początkujący (490 p.)
0 głosów
1 odpowiedź 3,440 wizyt

86,427 zapytań

135,187 odpowiedzi

300,309 komentarzy

57,184 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...