Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Aktualizowanie tabeli po dodaniu pliku
baracuda
post 6.05.2022, 08:50:15
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 2.02.2022

Ostrzeżenie: (0%)
-----


Witam serdecznie,
Mam problem z aktualizowaniem tabeli z listą plików - po dodaniu nowego pliku. Całość ma działać bez przeładowania strony.

Mój aktualny kod:
Widok: https://pastebin.com/QFrBfF74
Tabela: https://pastebin.com/sGQH71XZ


Wszystko działa poprawnie, jednak data-table-user-files nie odświeża mi się po dodaniu pliku :/

Kod do dodawania pliku:

  1. <div>
  2. <CModal
  3. title="Dodaj plik"
  4. color="info"
  5. :show.sync="filesModal"
  6. size="xl"
  7. :closeOnBackdrop=true
  8. :centered="true"
  9. >
  10. <div class="container">
  11. <div class="row justify-content-center">
  12. <div class="col-md-8">
  13. <div class="card">
  14. <div class="card-header">Dodaj plik w formacie: jpg, jpeg, png, bmp, pdf, xml, csv, doc, docx,
  15. txt, rtf
  16. </div>
  17. <div class="card-body">
  18. <CRow>
  19. <CCol md="12">
  20. <CSelect id="dispatcher_id"
  21. label="Wybierz kategorię pliku"
  22. v-model.trim="$v.form.file_category.$model"
  23. :options="filesCategory"
  24. >
  25. </CSelect>
  26. </CCol>
  27. <CCol md="12">
  28. <CTextarea
  29. label="Opis pliku"
  30. placeholder="Wpisz opis dodawanego pliku"
  31. rows="9"
  32. v-model.trim="$v.form.file_content.$model"
  33. />
  34. </CCol>
  35. </CRow>
  36. <form enctype="multipart/form-data" @submit="formFileSubmit">
  37. <input type="file" class="form-control" v-on:change="onFileChange" name="file_name" ref="inputFile">
  38. <button class="btn btn-primary btn-block">Dodaj plik</button>
  39. </form>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </CModal>
  46. </div>
  47. ```
  48.  
  49.  
  50. Odświeżenie powinno nastąpić do wyświetleniu komunikatu "Sukces Plik dodany poprawnie!":
  51.  
  52. ```js
  53. <data-table-user-files
  54. :fetch-url="datatTableUrl5"
  55. :columns="['id', 'description', 'file_category','user_id' ]"
  56. :headers="{'id': 'ID','description': 'Opis','file_category': 'Kategoria','user_id': 'Twórca'}"
  57. :routeName="routeAddName5"
  58. ></data-table-user-files>



Próbowałem to zrobić za pomocą funkcji:

  1. getFilesList()
  2. {
  3. let self = this;
  4. axios.get(this.$apiAdress + '/api/tasks-file-list?token=' + localStorage.getItem("api_token") + '&taskId=' + self.form.taskId)
  5. .then(function (response) {
  6. self.addedFiles = [];
  7. self.addedFiles = response.data
  8. }).catch(function (error) {
  9. console.log(error);
  10. self.$router.push({path: '/login'});
  11. });
  12. },


Jednak nie pomogło sad.gif

Wie ktoś może jak to zrobić?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 10:21