All geek questions in one place

Disable store loading mask in Sencha 2

The Sencha store automatically adds the ajax bootloader mask when the store is full, but I want to hide it, since I created a more general mask that appears every time the application makes an ajax request.

How to hide the storage loading mask? I tried to look in the documentation, but did not find a suitable field / method there:

See attachment:

enter image description here

+6
source share
2 answers

The property exists: loadingText , which you set to null.

{ xtype: 'list', store: 'Store', loadingText: null, // for ST 2.3.0 set it to false .... }

Greetings, Oleg

+16
source

Olegatarenenko: Your solution removes the mask, but setting loadingText to 'null' also seems to break the plugin 'PullToRefresh' functionality for the list.

By "break", I mean that after pulling the down arrow to update, ui stays in this state and does not hide the PullToRefresh section on top.

Is there a way to hide the extra boot mask while still being able to pull for updates?

For those who are reading this in the future and trying to achieve what I described above, I worked on the problem with PullToRefresh by modifying the source code of Sencha touch 1.1.1 (line 45346 from sencha-touch-debug-with -comments.js). This is not ideal, but provides a quick workaround.

Original (PullToRefresh breaks)

 onBeforeLoad: function() { if (this.isLoading && this.list.store.getCount() > 0) { this.list.loadMask.disable(); return false; } },

Bypass

 onBeforeLoad: function() { if (this.isLoading && this.list.store.getCount() > 0) { try{ this.list.loadMask.disable(); } catch(err) { } return false; } },
0
source

Source: https://habr.com/ru/post/925396/

More articles:


All Articles