I have a grid displaying data from a dataprovider. When doing dataProvider.refreshItem() on a single item I see in chrome console that the event is received through the websocket with the expected data. However, the cells in the grid doesn’t update. If I instead do dataProvider.refreshAll() then the whole grid is updated and cells changes to the latest data.
From the chrome console:
Received push (websocket) message: for(;;);[{
"syncId": 21,
"clientId": 13,
"meta": {
"async": true
},
"changes": [{
"node": 59,
"type": "splice",
"feat": 2,
"index": 80,
"remove": 1
}, {
"node": 59,
"type": "splice",
"feat": 2,
"index": 80,
"addNodes": [1489]
}, {
"node": 1470,
"type": "detach"
}, {
"node": 1471,
"type": "detach"
}, {
"node": 53,
"type": "splice",
"feat": 2,
"index": 80,
"remove": 1
}, {
"node": 53,
"type": "splice",
"feat": 2,
"index": 80,
"addNodes": [1491]
}, {
"node": 1472,
"type": "detach"
}, {
"node": 1473,
"type": "detach"
}, {
"node": 63,
"type": "splice",
"feat": 2,
"index": 80,
"remove": 1
}, {
"node": 63,
"type": "splice",
"feat": 2,
"index": 80,
"addNodes": [1494]
}, {
"node": 1474,
"type": "detach"
}, {
"node": 1475,
"type": "detach"
}, {
"node": 1476,
"type": "detach"
}, {
"node": 56,
"type": "splice",
"feat": 2,
"index": 80,
"remove": 1
}, {
"node": 56,
"type": "splice",
"feat": 2,
"index": 80,
"addNodes": [1496]
}, {
"node": 1477,
"type": "detach"
}, {
"node": 1478,
"type": "detach"
}, {
"node": 1488,
"type": "attach"
}, {
"node": 1488,
"type": "put",
"key": "text",
"feat": 7,
"value": "Doc Martin"
}, {
"node": 1489,
"type": "attach"
}, {
"node": 1489,
"type": "put",
"key": "tag",
"feat": 0,
"value": "span"
}, {
"node": 1489,
"type": "clear",
"feat": 2
}, {
"node": 1489,
"type": "splice",
"feat": 2,
"index": 0,
"addNodes": [1488]
}, {
"node": 1489,
"type": "put",
"key": "title",
"feat": 3,
"value": "Doc Martin\nSeason: 6\nEpisode: 7"
}, {
"node": 1490,
"type": "attach"
}, {
"node": 1490,
"type": "put",
"key": "text",
"feat": 7,
"value": "INGESTING"
}, {
"node": 1491,
"type": "attach"
}, {
"node": 1491,
"type": "put",
"key": "tag",
"feat": 0,
"value": "span"
}, {
"node": 1491,
"type": "splice",
"feat": 2,
"index": 0,
"addNodes": [1490]
}, {
"node": 1491,
"type": "put",
"key": "vaadin-context-menu-before-open",
"feat": 4,
"value": "vIpODLLAUDo="
}, {
"node": 1492,
"type": "attach"
}, {
"node": 1492,
"type": "put",
"key": "tag",
"feat": 0,
"value": "img"
}, {
"node": 1492,
"type": "put",
"key": "src",
"feat": 3,
"value": "img/xml-icon.png"
}, {
"node": 1492,
"type": "put",
"key": "alt",
"feat": 3,
"value": "xml"
}, {
"node": 1493,
"type": "attach"
}, {
"node": 1493,
"type": "put",
"key": "text",
"feat": 7,
"value": "1.14 "
}, {
"node": 1494,
"type": "attach"
}, {
"node": 1494,
"type": "put",
"key": "tag",
"feat": 0,
"value": "span"
}, {
"node": 1494,
"type": "splice",
"feat": 2,
"index": 0,
"addNodes": [1493, 1492]
}, {
"node": 1494,
"type": "put",
"key": "click",
"feat": 4,
"value": "F8oCtNArLiI="
}, {
"node": 1495,
"type": "attach"
}, {
"node": 1495,
"type": "put",
"key": "text",
"feat": 7,
"value": "2018-08-19 - 2018-09-30"
}, {
"node": 1496,
"type": "attach"
}, {
"node": 1496,
"type": "put",
"key": "tag",
"feat": 0,
"value": "span"
}, {
"node": 1496,
"type": "clear",
"feat": 2
}, {
"node": 1496,
"type": "splice",
"feat": 2,
"index": 0,
"addNodes": [1495]
}, {
"node": 1496,
"type": "put",
"key": "title",
"feat": 3,
"value": "Start: 2018-08-19 00:00:00Z\nEnd: 2018-09-30 00:00:00Z"
}, {
"node": 1496,
"type": "put",
"key": "vaadin-context-menu-before-open",
"feat": 4,
"value": "vIpODLLAUDo="
}, {
"node": 659,
"type": "put",
"key": "text",
"feat": 7,
"value": "Last update Sat Mar 09 14:44:07 CET 2019"
}, {
"node": 3,
"type": "clear",
"feat": 2
}, {
"node": 3,
"type": "splice",
"feat": 2,
"index": 0,
"addNodes": [659]
}
],
"execute": [[[0, 1491]
, "window.Vaadin.Flow.contextMenuConnector.init($0)"], [[0, 1491]
, "vaadin-contextmenu", "$0.$contextMenuConnector.updateOpenOn($1)"], [[0, 1496]
, "window.Vaadin.Flow.contextMenuConnector.init($0)"], [[0, 1496]
, "vaadin-contextmenu", "$0.$contextMenuConnector.updateOpenOn($1)"], [[0, 22]
, [1, [{
"key": "81",
"_ClickableTextRenderer_66": "VSAT1010220300151606",
"_ClickableTextRenderer_66_disabled": false,
"_DateTimeRenderer_48": "2019-03-09 14:43:34",
"_DateTimeRenderer_48_disabled": false,
"_renderer_58": 1489,
"_renderer_52": 1491,
"_renderer_62": 1494,
"_renderer_55": 1496,
"_DateTimeRenderer_50": "2019-03-09 14:43:29",
"_DateTimeRenderer_50_disabled": false,
"_NativeButtonRenderer_45": "Events",
"_NativeButtonRenderer_45_disabled": false,
"col2": "tv8.se"
}
]], "$0.$connector.updateFlatData($1)"]],
"timings": [8751, 0]
}
]
client-28831013082792340517B7074033EF04.cache.js:979 Handling message from server
client-28831013082792340517B7074033EF04.cache.js:926 Handling dependencies
client-28831013082792340517B7074033EF04.cache.js:944 StateTree after applying changes:
client-28831013082792340517B7074033EF04.cache.js:183 {pushConfiguration: {…}, elementData: {…}, clientDelegateHandlers: Array(0), polymerServerEventHandlers: Array(0), elementListeners: {…}, …}
classList: []
clientDelegateHandlers: []
elementChildren: Array(1)
0:
classList: ["hybridMenu"]
clientDelegateHandlers: []
elementChildren: Array(4)
0:
classList: []
clientDelegateHandlers: []
elementChildren: []
elementData: {tag: "style", hidden: null, bound: true}
elementProperties: {type: "text/css"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
1:
classList: []
clientDelegateHandlers: []
elementChildren: Array(1)
0:
textNode: {text: ".hybridMenu .rootContent {background: rgb(245, 245…eadcrumbs vaadin-button {color: rgb(66, 66, 66);}"}
length: 1
__proto__: Array(0)
elementData: {tag: "style", hidden: null, bound: true}
elementProperties: {type: "text/css"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
2:
classList: ["hmTopMenu"]
clientDelegateHandlers: []
elementChildren: Array(3)
0:
classList: ["topMenuItem"]
clientDelegateHandlers: []
elementAttributes: {title: "Home"}
elementChildren: Array(1)
0:
classList: []
clientDelegateHandlers: []
elementAttributes: {icon: "vaadin:home", slot: "prefix"}
elementChildren: []
elementData: {tag: "iron-icon", hidden: null, bound: true}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 1
__proto__: Array(0)
elementData: {tag: "vaadin-button", hidden: null, bound: true}
elementListeners: {click: "F8oCtNArLiI="}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
1:
classList: ["topMenuItem"]
clientDelegateHandlers: []
elementAttributes: {title: "Admin"}
elementChildren: Array(1)
0:
classList: []
clientDelegateHandlers: []
elementAttributes: {icon: "vaadin:cog", slot: "prefix"}
elementChildren: []
elementData: {tag: "iron-icon", hidden: null, bound: true}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 1
__proto__: Array(0)
elementData: {tag: "vaadin-button", hidden: null, bound: true}
elementListeners: {click: "F8oCtNArLiI="}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
2:
classList: ["topMenuItem"]
clientDelegateHandlers: []
elementAttributes: {title: "Reports"}
elementChildren: Array(1)
0:
classList: []
clientDelegateHandlers: []
elementAttributes: {icon: "vaadin:file-text", slot: "prefix"}
elementChildren: []
elementData: {tag: "iron-icon", hidden: null, bound: true}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 1
__proto__: Array(0)
elementData: {tag: "vaadin-button", hidden: null, bound: true}
elementListeners: {click: "F8oCtNArLiI="}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 3
__proto__: Array(0)
elementData: {tag: "vaadin-horizontal-layout", hidden: null, bound: true}
elementStyleProperties: {height: "0px"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
3:
classList: ["rootContent"]
clientDelegateHandlers: []
elementChildren: Array(3)
0:
elementData: {visible: false, tag: "vaadin-vertical-layout", hidden: null, bound: false}
1:
classList: ["hmNotificationCenter"]
clientDelegateHandlers: []
elementChildren: Array(3)
0:
classList: ["content"]
clientDelegateHandlers: []
elementChildren: []
elementData: {tag: "vaadin-vertical-layout", hidden: null, bound: true}
elementStyleProperties: {width: "100%", flex-grow: "1.0"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
1:
classList: ["footer"]
clientDelegateHandlers: []
elementAttributes: {theme: "spacing"}
elementChildren: Array(1)
0:
classList: ["hmButtonIconOnly"]
clientDelegateHandlers: []
elementChildren: Array(1)
0:
classList: []
clientDelegateHandlers: []
elementAttributes: {icon: "vaadin:angle-right", slot: "prefix"}
elementChildren: []
elementData: {tag: "iron-icon", hidden: null, bound: true}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 1
__proto__: Array(0)
elementData: {tag: "vaadin-button", hidden: null, bound: true}
elementListeners: {click: "F8oCtNArLiI="}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 1
__proto__: Array(0)
elementData: {tag: "vaadin-horizontal-layout", hidden: null, bound: true}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
2:
classList: ["lastNotification"]
clientDelegateHandlers: []
elementChildren: []
elementData: {tag: "div", hidden: null, bound: true}
elementStyleProperties: {height: "0px"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 3
__proto__: Array(0)
elementData: {tag: "vaadin-vertical-layout", hidden: null, bound: true}
elementStyleProperties: {width: "0px", height: "100%"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
2:
classList: []
clientDelegateHandlers: []
elementChildren: [{…}]
elementData: {tag: "vaadin-vertical-layout", hidden: null, bound: true}
elementStyleProperties: {width: "100%", height: "100%", flex-grow: "1.0"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 3
__proto__: Array(0)
elementData: {tag: "vaadin-horizontal-layout", hidden: null, bound: true}
elementStyleProperties: {width: "100%", height: "100%", flex-grow: "1.0"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 4
__proto__: Array(0)
elementData: {tag: "vaadin-vertical-layout", hidden: null, bound: true}
elementStyleProperties: {width: "100%", height: "100%"}
polymerServerEventHandlers: []
synchronizedPropertyEvents: []
virtualChildrenList: []
length: 1
__proto__: Array(0)
elementData: {tag: "body", hidden: null, bound: true}
elementListeners: {ui-poll: "vIpODLLAUDo="}
polymerServerEventHandlers: []
pushConfiguration:
alwaysXhrToServer: true
parameters:
pushConfigurationParameters: {fallbackTransport: "long-polling", transport: "websocket"}
pushMode: "AUTOMATIC"
pushUrl: ""
__proto__: Object
synchronizedPropertyEvents: []
virtualChildrenList: []
client-28831013082792340517B7074033EF04.cache.js:183 handleUIDLMessage: 16 ms
client-28831013082792340517B7074033EF04.cache.js:183 Processing time was 28ms
Where to search next?