2013-03-15 26 views
10

La griglia di Kendo fornisce il proprio indicatore di caricamento automaticamente quando viene caricata la griglia, cercapersone, ordinamento. Funziona bene.Kendo Grid - proprio indicatore di caricamento

Ma non voglio che questo indicatore di caricamento integrato sia mostrato/nascosto.

Come disabilitare questa funzione?

Si prega di avvisare.

Grazie, Vinoth

risposta

12

Semplice, basta nascondono con i CSS. Il tuo selettore dovrà essere più specifico delle classi Kendo incorporate. Puoi usare l'ID della griglia per quello.

#grid .k-loading-image { 
    background-image: none; 
} 

Se si desidera rimuovere la maschera di caricamento, è possibile farlo anche con i CSS.

#grid .k-loading-color { 
    opacity: 0; 
} 
+0

Hey nukefusion, Grazie per la risposta. Il codice sopra farà solo l'immagine backgroud come nessuna ma mostrerà la maschera. La mia domanda è che non voglio tutta la classe di caricamento k. Dove mettere questo codice $ ('# mygrid'). RemoveClass ('. K-loading')? sia in griglia di dati o richiesta di avvio o jquery document.ready .. Per favore aiutatemi .. – Vicky

+0

Se non si desidera la maschera si può anche nascondere che con CSS, non è necessario ricorrere a modifiche javascript. Vedi la mia modifica. – nukefusion

2

ho avuto due griglie denominati "grid1" e "Griglia2" - ciascuno è stato racchiuso all'interno di un div; denominato "grid1panel" e "grid2panel". Per rimuovere il cursore spinner/wait ho aggiunto un override per i pannelli della griglia ".k-loading-image" e ".k-loading-color"; questo lo ha rimosso solo per queste specifiche griglie.

Esempio CSS

/* DISABLE KENDO SPINNER/WAIT CURSOR */ 
.grid1panel .k-loading-image { 
    background-image: none; 
} 
.grid1panel .k-loading-color { 
    opacity: 0; 
} 
.grid2panel .k-loading-image { 
    background-image: none; 
} 
.grid2panel .k-loading-color { 
    opacity: 0; 
}