PrimeVue编辑行

时间:2020-10-30 09:36:06

标签: datatable vuejs3 editmode primevue

我希望有人可以在 PrimeVue DataTable 编辑模式下为我提供帮助。在DataTable的文档中指出

通过以下方式定义行编辑:将 error_log /var/log/nginx/error_log; server { listen 80; server_name mywebsite; return 301 https://$host$request_uri; } server { listen 443 ssl; server_name mywebsite; ssl_certificate /etc/letsencrypt/live/mywebsite/fullchain.pem; # managed by Certbot ssl_certificate_key /etc/letsencrypt/live/mywebsite/privkey.pem; # managed by Certbot ssl_protocols TLSv1 TLSv1.1 TLSv1.2; ssl_prefer_server_ciphers on; ssl_ciphers 'EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH'; location / { root /home/ubuntu/staff/; try_files $uri /index.html index /rcon/index.php /rcon/ index.htm index.nginx-debian.html; } location ~ \.php$ { include snippets/fastcgi-php.conf; # With php-fpm (or other unixsockets): fastcgi_pass unix:/var/run/php/php7.2fpm.sock; # With php-cgi (or other tcp sockets): # fastcgi_pass127.0.0.1:9000; } location /api { proxy_pass http://myip:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } location /fivem { proxy_pass http://myip:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } # Increase http2 max sizes http2_max_field_size 64k; http2_max_header_size 64k; } 设置为“行”,使用v-model指令定义cellEdit来保存对编辑行的引用,并添加行编辑器列以提供编辑控件。请注意,由于editingRows已启用双向绑定,因此您可以使用它最初显示一个或多个行以进行更多编辑或以编程方式切换行编辑。

有人在我如何使用editingRows以编程方式切换新添加的行中的编辑方面有可行的示例吗?我尝试通过将新行的值推入editingRows数组来更新此变量,但这并没有改变页面上的任何内容(我尝试使用 nextTick ),只是意味着当我手动触发了行编辑,我不得不取消两次以清空数组。

1 个答案:

答案 0 :(得分:0)

对于那些遇到相同问题的人来说,该解决方案非常简单,需要直接将其重新分配给this.editingRows-我之前曾尝试通过使用push向其添加新值。 / p>

这是我的操作方式(同时保留行-在编辑模式下-在编辑模式下):

this.editingRows = [...this.editingRows, this.newRow]