Ich habe am Sencha-Test gearbeitet und bin in der Lage, alle Attributwerte wie IDs, NAMEN usw. zu finden, um diese in meine Skripte einzufügen , um die Komponente darzustellen. Also, was ich dafür mache, ist gehen Sie auf die Webseite -> Rechtsklick-Komponente -> Inspizieren Sie Element -> und erhalten Sie dann genügend Komponentenattribute durch Bezugnahme auf den HTML-Code. Gibt es eine Möglichkeit, Attributwerte von Komponenten in einer HTML-Seite zu finden, außer sie zu überprüfen ???Bitte Beratung ..So finden Sie Attributwerte von Komponenten in einer anderen HTML-Seite als die Überprüfung
Antwort
Probieren Sie die App Inspector für Sencha Chrome-Erweiterung, die Ihnen hilft, ExtJS und Sencha Touch-Anwendungen viel einfacher zu debuggen.
Es hilft Ihnen auch, Ihre Komponentenstruktur, Datenspeicher, Ereignisse und Layouts zu überprüfen.
Sie können es aus der unten stehenden URL installieren,
hoffe, das hilft!
Auch https://www.sencha.com/products/inspector/ – pagep
Sie können Strg + u drücken, die Ihnen die Seitenquelle zeigt. Verwenden Sie Strg + F, um das gewünschte Element zu finden. Dies ist einfacher als Inspektionselement.
Gehen Sie zur Browserkonsole und führen Sie das folgende Skript aus, um die Liste der Attribute jedes Elements zu sammeln.
var parentEl = document.getElementById("container");
getElementsAndAttributes(parentEl);
function getElementsAndAttributes(container) {
var all = container.getElementsByTagName("*");
for (var i = 0, max = all.length; i < max; i++) {
console.log(all[i].tagName);
var attrs = all[i].attributes;
var keys = Object.keys(attrs);
for (var j = 0; j < keys.length; j++) {
var attr = attrs[keys[j]];
console.log(attr.name + " -> " + attr.value);
}
}
}
<body>
<div id="container">
<span class="title" style="color:GREEN;">Phineas</span>
<img src="https://cdn.pastemagazine.com/www/blogs/lists/2010/05/12/phineas.jpg" width="104" height="142">
</div>
</body>
Werte von Komponentenelementen zu erhalten, um programmatisch Attribut:
Erstens die Komponente erhalten. Es gibt verschiedene Möglichkeiten, z. B .:
var component = Ext.getCmp(id)
bekommt Sie die Komponente mit einer bestimmten ID.var component = Ext.ComponentQuery.query(xtype)
bekommt man ein Array aller Komponenten eines bestimmtenxtype
Zweitens auf diese Komponente, rufen getEl()
oder andere Elementselektoreinrichtung, zB:
var el = component.getEl()
var el = grid.getView().getEl()
var el = formfield.inputEl
Drittens auf dem el, rufen getAttributes
:
var attributes = el.getAttributes()
Attribute werden nun ein Objekt wie folgt enthalten:
class:"x-grid-view x-grid-with-col-lines x-grid-with-row-lines x-fit-item x-grid-view-default x-unselectable"
data-componentid:"tableview-1325"
id:"tableview-1325"
role:"rowgroup"
style:"margin: 0px; overflow: auto; width: 317px; height: 664px;"
tabindex:"0"
- 1. So finden Sie überlappende verbundene Komponenten
- 2. So verhindern Sie, dass Magento Attributwerte von einer anderen Website/einem anderen Speicher überschreibt, während Sie Produkte programmatisch aktualisieren
- 3. So finden Sie api Aktionspfad von einer anderen Aktion
- 4. So finden Sie Elemente in einer anderen Ansicht in Winkelmesser
- 5. Finden Sie "verbundene Komponenten" in Grafik
- 6. So finden Sie alle Änderungen, die an einer Bibliothek von jemand anderen als mir und einem anderen Entwickler vorgenommen wurden
- 7. So rufen Sie Attributwerte zu JavaScript auf
- 8. So senden Sie SMS in einer anderen Sprache als Englisch
- 9. So verwenden Sie Parameter als Variable in einer anderen Methode
- 10. So konfigurieren Sie die ES6-Code-Überprüfung
- 11. So finden Sie die Wurzel einer Funktion
- 12. So finden Sie untergeordnete Tabellen, die von einer anderen Tabelle in PSQL erben
- 13. So finden Sie die Versionsnummer von libxxx.a
- 14. So finden Sie den anderen Teil einer Zeichenfolge
- 15. So finden Sie die Menühöhe
- 16. So finden Sie die Leistung einer Zahl in SQLite
- 17. So finden Sie "Löcher" in einer Tabelle
- 18. So passen Sie die Komponenten von Drittanbietern korrekt an
- 19. So finden Sie die Cursorposition in einer JTextArea
- 20. So erhalten Sie die Hauptstartaktivität von einer anderen Aktivität?
- 21. Codename One - So finden Sie untergeordnete Komponenten des angegebenen Elternteils
- 22. Überprüfung Inhalt einer Karte in einer anderen Karte in Java
- 23. So verwenden Sie reagieren Komponenten aus anderen Dateien
- 24. So finden Sie durch Filialdokument von einem anderen Modell
- 25. So deaktivieren Sie die automatische Mail-Überprüfung in Mozilla Thunderbird
- 26. So rufen Sie die Funktion einer Aktivität von einer anderen Aktivität oder einem anderen Dienst auf?
- 27. So finden Sie die Länge einer Audiodatei (in Sekunden)
- 28. Finden Sie von einem anderen finden in mongodb
- 29. So finden Sie die Quelle einer Joomla-Seite
- 30. So finden Sie die Funktionsaufrufer in angularjs
Gibt es eine spezifische xtype auf diese Komponente? Ich meine, welches Feld oder welche Komponente? –
Kein bestimmter Typ.Ich möchte Attributwerte von beliebigen Komponenten wie Textfelder, Combobox, Optionsfelder, Kontrollkästchen, Schaltflächen usw. erhalten. –
* Ich habe an Sencha Test * gearbeitet - Sencha Test (oder) Sencha Touch? –