Afișați date în dojo

Am un fișier xml care conține un set de date și acesta trebuie reprezentat într-unul din multele ferestre de conținut dojo ale unei pagini HTML. Am incercat dojox.grid.DataGrid si functioneaza; cu toate acestea, deoarece grila de date este folosită pentru a reprezenta în general date tabulare, nu doresc să utilizez grilă de date.

Există altă modalitate de a reprezenta aceste date într-un format simplu?

Fișierul xml este ceva de genul:

abc pqr 2.0 10.10.82.105 SUPERVISED ENABLED ALIGNED 0 0 0 5
 

Vreau ca aceste date să fie reprezentate în felul următor:

enter image description here

0

2 răspunsuri

From what you want the data to look like, I would go for basic css styling of HTML elements rather than any widget.

Puteți folosi dgrid ,

Verifica:

https://github.com/SitePen/dgrid/

http://www.sitepen.com/blog/category/dgrid/

0
adăugat

Dacă vă simțiți frisky, puteți face un fel de widget de date generice XML. Iată un exemplu pe care îl am de acum ceva timp.

dojo.declare("foo.XmlDisplay", dijit._Widget, {

    postCreate: function()
    {
        this.inherited(arguments);
        dojo.xhrGet({
            url: this.href,
            handleAs: "xml",
            load: dojo.hitch(this, "setData")
        });

    },

    setData: function(data)
    {
       //All items with a xmldisp-tag attribute should get data
        dojo.query("*[data-xmldisp-tag]", this.containerNode).forEach(
            function(item) {
                var tag   = dojo.attr(item, "data-xmldisp-tag");
                var value = data.getElementsByTagName(tag);
                if(value.length == 1) item.innerHTML = value[0].textContent;
                else console.warn("No data in xml for",tag);
            }
        );
    }
});

Apoi, puteți să le utilizați în HTML (adică widgetul nu are grijă de modul în care afișați datele, ci doar utilizează numele de etichete date în datele de căutare din xml de pe server):

<div data-dojo-type="foo.XmlDisplay" href="/MyXmlStuff?id=42">
    
NE name
-
NE type
-
    
Alarms
-
Minor
-
</div>

Here's a modified jsfiddle you can try: http://fiddle.jshell.net/K4UnJ/3/

Nu sunt sigur dacă acest lucru se potrivește cu sarcina dvs., dar având în vedere că am avut un cod foarte asemănător, am crezut că o voi împărți.

0
adăugat