如何在像这样的javascript对象中设置字段?

时间:2015-09-03 16:28:42

标签: javascript devexpress

我是javascript的新手,我想知道如何深入研究java脚本对象并设置我在下面发布的字段。我可以说像

这样的话
$("#pivotGridContainer").dxPivotGrid().datasource.Fields[0].area = X;

我有java和c的经验。我认为这是可能的,我错了吗?

widgets.js

   $("#pivotGridContainer").dxPivotGrid({


     dataSource: {
            store: orders,
            fields: [
                { area: 'column', dataField: 'OrderDate', dataType: 'date', groupInterval: 'year' },
                { area: 'column', dataField: 'OrderDate', dataType: 'date', groupInterval: 'quarter' },
                { area: 'column', dataField: 'OrderDate', dataType: 'date', groupInterval: 'month' },
                { area: 'row', dataField: 'ShipCountry' },
                { area: 'row', dataField: 'ShipCity' },
                { area: 'row', dataField: 'ShipName' },
                { area: 'data', summaryType: 'count' }
            ]
        }
    });

page.html中

<html>
     <head>
      some dependencies
     </head>
    <body>
         <div id="pivotGridContainer" style="height:800px; width:1000px;   margin:    0 auto"></div>
    </body>
</html>

也是最后一个问题。通常我会发现自己搜索这些可视化工具的文档,寻找获取和设置字段或初始化新窗口小部件的方法。是否可以打印/退出js对象的所有方法和字段?

1 个答案:

答案 0 :(得分:0)

你的调用的$("#pivotGridContainer").dxPivotGrid()部分将返回一个可链接的jQuery对象,而不是一个带有dataSource的对象。

您可以通过each() jQuery方法

访问dom元素
$("#pivotGridContainer").dxPivotGrid().each(function(){

});

函数中的this对象将是DOM节点。因此,您可以查询已绑定到它的任何内容。但是你会走DOM树,所以它比做.datasource.Fields[0].area = X

更复杂一点

更好的解决方案是在将数据传递给dxPivotGrid()之前操纵数据。