Je suis relativement nouveau sur ExtJS. J'ai adopté quelques exemples et ajouté la fonctionnalité pour ajouter des onglets à un onglet-contrôle en cliquant sur un lien. jusqu'ici tout va bien. Maintenant, je veux charger une table ExtJS dans sur les nouveaux onglets. les éléments (lignes, colonnes) sont définis dans une base de données côté serveur. Pouvez-vous me donner quelques conseils pour ajouter automatiquement la table lors de la création de l'onglet?Ajout d'une table à l'intérieur d'un onglet ajouté dynamiquement
1
A
Répondre
2
Le chargement automatique permet d'extraire une table HTML de votre code côté serveur. Est-ce que ces données sont mises à jour? Si c'est le cas, vous devrez recharger tout le HTML. Je suggère d'utiliser une grille à la place:
// tabPanel definitinon
{
xtype:"grid",
//tabId is a unique value created at the time of the tab
id:"general_props_status_grid_" + tabId,
ds: C.createStore({
storeId:"general_props_status_grid_" + tabId,
autoLoad:true
proxy: new Ext.data.HttpProxy({
//path to a serverside page that gerenates a JSON table contents
url: '?fuseaction=qry_statuses'
}),
reader: new Ext.data.JsonReader({
id: 'status_id',
root:'data'
}, [
{name: 'status_id'},
{name: 'name'}
]),
remoteSort: false
}),
columns:[{
header: "Status ID",
dataIndex: 'status_id',
width:20,
hidden:true,
sortable:true
},{
header: "Name",
dataIndex: 'name',
hideable:false,
renderer:function(val){
return "<span class='link'>" + val +"</span>"
},
width:150,
sortable:true
}],
sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
loadMask: true,
listeners: {
activate:function(thisGrid){
//this will reload the grid each time this tab is selected
thisGrid.getStore().reload();
}
}
}
Il y a une tonne d'options pour les réseaux, mais l'exemple ci-dessus montre une grille mise à jour automatique via callbacks.
0
ok, j'ai fait d'autres lectures je pense que la propriété autoLoad m'aide beaucoup ici. Je vais partir d'ici.
Questions connexes
- 1. Ajout de boutons jQueryui au contenu ajouté dynamiquement
- 2. Ajout d'un onglet GWT à partir d'un autre onglet
- 3. Ajouter un onglet dynamiquement
- 4. Masquer un onglet précédemment ajouté à Qt TabWidget
- 5. Ajout d'un contrôle ActiveX à un onglet Page d'
- 6. Ajout d'entrées à une table JTable
- 7. Ajout colonne Valeur Dynamiquement à un datagridview
- 8. WPF Liaison d'un Dynamiquement Ajouté Contrôle
- 9. Dynamiquement Ajouté gestionnaire d'événements Non Firing
- 10. activer lightbox sur le contenu ajouté dynamiquement
- 11. Validation initiale du contrôle ajouté dynamiquement
- 12. Dynamiquement ajouté JTable ne pas afficher
- 13. Activer le focus onclick pour ajouter du texte ajouté dynamiquement
- 14. IE8 ne parvient pas à afficher ajouté dynamiquement l'image
- 15. Application de la fonction jQuery à l'élément ajouté dynamiquement
- 16. Ajout de code à un bouton de commande ajouté dynamiquement à une image dans un code utilisateur
- 17. Ajout d'un onglet au ruban Outlook 2010?
- 18. Ajout d'une table associée à une table (Livre> Révision)
- 19. Ajout d'onglets à partir d'un lien dans un onglet
- 20. Ajout d'une application à un onglet de profil dans facebook
- 21. Variables de table affectées dynamiquement?
- 22. Ajout de contrôles dynamiquement à un UpdatePanel dans ASP.NET AJAX
- 23. jQuery: Puis-je appliquer automatiquement un plug-in à un élément ajouté dynamiquement?
- 24. Ajout de lignes dynamiquement à une table html avec aucune ligne
- 25. Comment sélectionner une ligne de table en fonction d'un nom de classe ajouté dynamiquement?
- 26. MySQL: Déterminer Table Dynamiquement
- 27. Ajout dynamique d'une ligne à une table
- 28. Ajout d'une table à l'objet SPDatabase
- 29. Ajout d'une troisième table à une jointure
- 30. Ajout d'éléments à une table dans jquery