diff --git a/res/js/component/app.js b/res/js/component/app.js
index 14a75e95b8169e78a92c38e467c814b00861dc4f..457a45ec01acda94b6a8b62353e542b93e63c020 100644
--- a/res/js/component/app.js
+++ b/res/js/component/app.js
@@ -127,8 +127,8 @@ class App {
             after: 4,
             before: 4
         })).then(result => {
-            const before = result.filter(msg => msg.id < context.anchorBefore);
-            const after = result.filter(msg => msg.id > context.anchorAfter);
+            const before = result.filter(msg => msg.messageid < context.anchorBefore);
+            const after = result.filter(msg => msg.messageid > context.anchorAfter);
             context.loadBefore(before.map(msg => new Message(msg.messageid, msg.time, msg.sender, msg.message)));
             context.loadAfter(after.map(msg => new Message(msg.messageid, msg.time, msg.sender, msg.message)));
             context.setLoading(false);
diff --git a/res/js/component/app.jsx b/res/js/component/app.jsx
index 438ee46297aa78da8534f6959431236cee8d5488..bc70e0278b4621ee56328bd4a9aa73cc0d3fd539 100644
--- a/res/js/component/app.jsx
+++ b/res/js/component/app.jsx
@@ -139,8 +139,8 @@ class App {
             after: 4,
             before: 4
         })).then((result) => {
-            const before = result.filter((msg) => msg.id < context.anchorBefore);
-            const after = result.filter((msg) => msg.id > context.anchorAfter);
+            const before = result.filter((msg) => msg.messageid < context.anchorBefore);
+            const after = result.filter((msg) => msg.messageid > context.anchorAfter);
 
             context.loadBefore(before.map((msg) => new Message(msg.messageid, msg.time, msg.sender, msg.message)));
             context.loadAfter(after.map((msg) => new Message(msg.messageid, msg.time, msg.sender, msg.message)));
diff --git a/res/js/component/context.js b/res/js/component/context.js
index 1508987eee092553d8d2168b09fc39a5e705e7d8..7381f1e05797508efa79d7726406e7a8aa4412a6 100644
--- a/res/js/component/context.js
+++ b/res/js/component/context.js
@@ -37,7 +37,7 @@ class Context extends Component {
         if (focus === undefined)
             focus = !this.elem.classList.contains('focus');
         if (this.anchorBefore === this.message.id && this.anchorAfter === this.message.id) {
-            this.triggerloadInitial();
+            this.triggerLoadInitial();
         }
         this.elem.classList.toggle('focus', focus);
         this.sendEvent('focus', focus);
@@ -57,7 +57,7 @@ class Context extends Component {
     triggerLoadAfter() {
         this.sendEvent('loadAfter', [this]);
     }
-    triggerloadInitial() {
+    triggerLoadInitial() {
         this.sendEvent('loadInitial', [this]);
     }
     loadBefore(elements) {
diff --git a/res/js/component/context.jsx b/res/js/component/context.jsx
index 143fd5770d790e989cf057a3d76ba552cf7006e0..721698f250d3b6ed15506f84a9927dd836e95bb6 100644
--- a/res/js/component/context.jsx
+++ b/res/js/component/context.jsx
@@ -42,7 +42,7 @@ class Context extends Component {
             focus = !this.elem.classList.contains("focus");
 
         if (this.anchorBefore === this.message.id && this.anchorAfter === this.message.id) {
-            this.triggerloadInitial();
+            this.triggerLoadInitial();
         }
 
         this.elem.classList.toggle("focus", focus);
@@ -68,7 +68,7 @@ class Context extends Component {
         this.sendEvent("loadAfter", [this]);
     }
 
-    triggerloadInitial() {
+    triggerLoadInitial() {
         this.sendEvent("loadInitial", [this]);
     }