отображение всех полей в сетке данных Dojo с помощью dojo.store.JsonRest - PullRequest
Новая
       3

отображение всех полей в сетке данных Dojo с помощью dojo.store.JsonRest

0 голосов
/ 11 мая 2011

У меня есть таблица данных Dojo для отображения контактной информации, которая отображает значения только для двух столбцов: «модель» и «рк». Остальные столбцы пустые, вероятно, потому что ответ JSON от сервера помещает другие пары имя / значение в «поля»: 

[{"pk": 1, "model": "accounting.contacts", "fields": {"mail_name": "Andy", "city": "Grand Rapids", "zip": "49546", "country": "US", "state": "MI"}}]

Как лучше всего отобразить все поля в сетке?

Вот соответствующий вид в Джанго: 

def contacts(request):  
    json_serializer = serializers.get_serializer("json")()  
    json_contacts = json_serializer.serialize(Contacts.objects.all(),    ensure_ascii=False)  
    return HttpResponse(json_contacts, mimetype="application/json")

А вот моя страница Dojo: 

<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
    data-dojo-config="isDebug: true,parseOnLoad: true">
</script>
<script type="text/javascript">
    dojo.require("dojo.store.JsonRest");
    dojo.require("dojox.grid.DataGrid");
dojo.require("dojo.data.ObjectStore");

    dojo.ready(function(){
        objectStore = new dojo.store.JsonRest({target:"/contacts/"});
        //alert(objectStore);
        dataStore = new dojo.data.ObjectStore({objectStore: objectStore});

        //alert(dataStore);

        layoutGridContacts = [{
            field: 'mail_name',
            name: 'Name',
            width: '200px'
        },
        {
            field: 'model',
            name: 'DB Table',
            width: '100px'
                    ...

        }];

        gridContacts = new dojox.grid.DataGrid({
            query: {
                name: '*'
            },
            store: dataStore,
            clientSort: true,
            structure: layoutGridContacts
        }, dojo.byId("containerGridContacts"));

        gridContacts.startup();
    });
</script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />

    <style type="text/css">
        @import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/Grid.css";
        @import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/claroGrid.css";
        .dojoxGrid table {margin: 0; } html, body { width: 100%; height: 100%;
        margin: 0;}         
    </style>
</head>

<body class="claro">
    <div id="containerGridContacts" style="width: 100%, height: 100%;">
    </div>
</body>

Спасибо.

Ответы [ 4 ]

0 голосов
/ 22 января 2013

Вы можете использовать метод форматирования для получения данных.Для вашего примера это будет что-то вроде ниже 

{name:"Name", 
 field: "fields", 
 width: "20%", 
 cellStyles:"background-color:#e3690b;",
 formatter: function(field){ 
             if(!field){return;}
       return field.mail_name;
 }
}
0 голосов
/ 11 мая 2011

Мне удалось заставить сервер выдавать ответ JSON, который не содержит вложенных объектов, поэтому Dojo Store смог его использовать. Для этого я изменил свой взгляд на: 

def contacts(request):  
    all_contacts = list(iter(Contacts.objects.values()))  
    json_contacts = simplejson.dumps(all_contacts)  
    return HttpResponse(json_contacts, mimetype="application/json")
0 голосов
/ 04 октября 2011

Используйте «поля». перед вашим идентификатором поля для доступа к свойствам внутри полей: 

layoutGridContacts = [{
        field: 'fields.mail_name',
        name: 'Name',
        width: '200px'
    },
   ...
0 голосов
/ 11 мая 2011

Это действительно вопрос "Как мне взаимодействовать с объектом javascript?"Учитывая JSON в вашем вопросе и предполагая, что вы присвоили его переменной obj, вы можете получить доступ к mail_name с помощью obj[0]['fields']['mail_name'] или с помощью точечной нотации obj[0].fields.mail_name.Я не использовал Dojo, но держу пари, что вам просто нужно установить fields.mail_name как field в layoutGridContacts.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...