How can i remove the loading-animation from a Ext.grid.Panel - javascript

Like the title says, how can i remove the spinwheel from a Panel?
I tried the property "loadMask" or "loadingMask" which seems to work for older versions and also the setLoading() method...
Edit: 'maskOnDisable' also doesn't work by the way.

You can use the setLoading method to hide the loading mask. For example:
gridPanel.setLoading(false,false);
You can read the details of this method at Ext.grid.Panel documentation. In ExtJS 4, the loading mask is created and displayed by the Ext.ComponentLoader.

On Extjs4 you can use
viewConfig: {loadMask:false}
I hope this works for you, but if you are using pagination I recommend that you don't hide the mask.
Sam.

Related

Fullscreen paging without jquery

I'd like to such behavior to my project, but I use ember fastboot, so I cant use jQuery
is there some non-jquery plugins like fullPage.js?
Here is example what I need:
https://github.com/alvarotrigo/fullPage.js
As per the comments, you can always use the pure Javascript version of fullpage.js itself:
https://github.com/alvarotrigo/fullPage.js/tree/master/pure%20javascript%20%28Alpha%29
Demo online
It hasn't been as highly tested as the jQuery one, but it seems there are not many complains about it.

Create a draggable handlerbar in jQuery , which updates value

I need to create a draggable incremental indicator(i don't know whats the exact terminology for this.), basically something like below:
Now i came across THIS plugin. Now this plugin works fine, but i was just wondering if there are other plugins like this one that i can use and get a similar effect ?
P.S. I don't want to use jQuery UI , just jQuery and jQuery plugins.
You can use this one: http://seiyria.com/bootstrap-slider/
It's possible to use this library with or without jQuery
Repo: https://github.com/seiyria/bootstrap-slider
These are called sliders.
You can use this one if you want
https://refreshless.com/nouislider/slider-values/

Alternative to jQuery UI rotate method?

I'm using a theme which uses jQuery UI rotate method, but after updating to the newer version it has stopped working. I have found out that the jQuery UI has removed the rotate method, and I can use some extension if I want to keep it working. But I was wondering if its possible to use some alternative function for the following line, since its so simple:
$("#slider").tabs("rotate",0,true);
The purpose is to rotate the tab.
Looks like someone updated it for 1.9
If you implement the extension as suggested by the docs, you would use the extension like this:
$("#tabs").tabs().tabs("rotate", 4000, true);
note the extra call to .tabs()
Here is the extension: https://github.com/cmcculloh/jQuery-UI-Tabs-Rotate

Cant get Bootstrap modal.js to work

EDIT: Keep in mind this answer was asked before Bootstrap 2 came out and therefore is relative to the first release
I am trying to dynamically add and show Bootstrap modal windows with AJAX content, but after looking at the documentation for a good hour and a half I dont understand what classes or attributes I need to add to my modal div so they work with the modal API.
Right now I have something like this:
var $modalWindow = $('<div />', {
class: 'modal fade static',
style: "display: none;",
text: "Test"
});
$('body').append($modalWindow);
$modalWindow.modal('show');
And it doesnt work... Maybe I am being dense, but I cannot find any info on the docs about how to setup my modal window before calling the show method.
Edit: Fixed it, apparently bootstrap-modal.js requires bootstrap-tipsy.js and bootstrap-popover.js, although it is not mentioned anywhere in the documentation. Seriously, Bootstrap has the worst documentation, specially considering how popular it is.
Fixed it, apparently bootstrap-modal.js requires bootstrap-tipsy.js and bootstrap-popover.js, although it is not mentioned anywhere in the documentation. Seriously, Bootstrap has the worst documentation, specially considering how popular it is.
EDIT: Before downvoting this answer, consider this was before bootstrap 2, and as another commenter said he had the exact same issue and also solved it by adding tipsy and popover.
Boostrap 2 is way better than its first incarnation, BTW

jQuery hide/show method behaviour in IE7

I'm having a problem with the jQuery hide() and show() methods. Below is a snippet from a project I'm currently working on. This code comes from a multi-page form which is loaded in it's entirety, then jQuery is used to show and hide the various pages. I should metion that this technique works in every broswer except IE7.
//Hide all pages of the form
$("#client_form div[id*='client']").hide();
//Show just the first page
$("#client_form div#client1").show();
The issue is not that the hide() fails but that the subsequent show() doesn't bring the desired page back. I've tried using different methods like slideUp() and slideDown(), I've tried doing css("display","none"), various other ways to perform the hide/show.
I've also tried chaining methods, doing callbacks from hide to then show. Nothing seems to work properly in IE7.
Any thoughts oh mighty Stack Overflow hive mind?
Many thanks,
Neil
Have you tried just using the id(s) of the DIVs? Since they are unique to the page, you shouldn't need to make them relative to the form.
$("div[id*='client']").hide().filter('#client1').show();
Note the chaining so it doesn't need to retraverse the DOM, but simply filters the elements that it has already found.
What about just:
$("#client1").show();
Not sure that's it, but give it a shot? IDs should be unique so no need for the hierarchical selectors.
have you tried adding a class to all the divs you are trying to hide, and hiding that class.
Also change your show selector to use $("#client1") instead of that huge selector.
Have you done a simple test to make sure that your second jQuery is returning the correct object(s), if it's returning anything at all? eg:
alert($("#client_form div#client1").length);
or
alert($("#client_form div#client1").get(0).innerHTML);
or
alert($("#client_form div#client1").eq(0).text());
etc?
This would be the first place I would start - you'd then know whether you had a problem with the show() method, or the behaviour of the jQuery selector.
You might also try running your final HTML markup through a validator to see if there are any errors. IE7 is more strict than most other browsers.

Categories