Devxtreme 显示Master-Detail数据列表, 数据显示颜色

  1     ////刷新3/4簇Grid
  2     //function GetClusterGrid(id, coverageId, clusterId) {
  3 
  4     //    var region = getRegionCityName();
  5     //    $.ajax({
  6     //        type: "POST",
  7     //        url: "fast_index_overview.aspx/GetClusterGrid",
  8     //        data: "{id:'" +
  9     //            id +
 10     //            "',coverageId:'" +
 11     //            coverageId +
 12     //            "',clusterId:'" +
 13     //            clusterId +
 14     //            "',region:'" +
 15     //            region +
 16     //            "',sdate:'" +
 17     //            cstartDate +
 18     //            "',edate:'" +
 19     //            cendDate +
 20     //            "'}",
 21     //        contentType: "application/json",
 22     //        dataType: "json",
 23     //        async: false,
 24     //        success: function(result) {
 25 
 26     //            //刷新grid
 27     //            $.getJSON('../data/Grid_Json/' + id + '.json',
 28     //                function(json) {
 29 
 30     //                    $("#" + id)
 31     //                        .dxDataGrid({
 32     //                            dataSource: json,
 33     //                            columnAutoWidth: true,
 34     //                            rowAlternationEnabled: true,
 35     //                            loadPanel: {
 36     //                                enabled: true
 37     //                            },
 38     //                            paging: {
 39     //                                pageSize: 15
 40     //                            },
 41     //                            pager: {
 42     //                                showPageSizeSelector: true,
 43     //                                allowedPageSizes: [10, 15, 30],
 44     //                                showInfo: true
 45     //                            },
 46     //                            selection: {
 47     //                                mode: "single"
 48     //                            },
 49     //                            hoverStateEnabled: true,
 50 
 51     //                            //scrolling: {
 52     //                            //    mode: 'infinite'
 53     //                            //},
 54     //                            sorting: {
 55     //                                mode: "none"
 56     //                            },
 57     //                            allowColumnReordering: true,
 58     //                            //grouping: {
 59     //                            //    autoExpandAll: true
 60     //                            //},
 61     //                            //filterRow: {
 62     //                            //    visible: true,
 63     //                            //    applyFilter: "Immediately"
 64     //                            //},
 65     //                            searchPanel: {
 66     //                                visible: false,
 67     //                                width: 240,
 68     //                                placeholder: "输入关键字查询..."
 69     //                            },
 70     //                            "export": {
 71     //                                enabled: false,
 72     //                                fileName: "统计表",
 73     //                                allowExportSelectedData: false
 74     //                            },
 75     //                            headerFilter: {
 76     //                                visible: false
 77     //                            },
 78     //                            onRowClick: function(info) {
 79     //                                //info.rowElement.hasClass('clicked') ? info.rowElement.removeClass('clicked') : info.rowElement.addClass('clicked')
 80 
 81     //                                setCookies("index_overview_grid_flag", 'cluster');
 82 
 83     //                                var title = "小区维度指标--" + info.columns[0] + ":" + info.values[0];
 84 
 85     //                                popCellPlan(title);
 86     //                            },
 87     //                            onCellPrepared: function (options) {
 88     //                                var fieldData = options.value,
 89     //                                    fieldHtml = "";
 90     //                                if (fieldData) {
 91     //                                    if (options.column.caption.indexOf('指数') > -1) {
 92     //                                        options.cellElement
 93     //                                            .addClass(fieldData > 80
 94     //                                                ? "backgreen"
 95     //                                                : fieldData > 60 ? "backorange" : "backred");
 96 
 97     //                                        //    fieldHtml += "<span class='current-value'>" +
 98     //                                        //        Globalize.format(fieldData.ECI, "c") +
 99     //                                        //        "</span> <span class='diff'>" +
100     //                                        //        Math.abs(fieldData.diff).toFixed(2) +
101     //                                        //        "  </span>";
102     //                                        //} else {
103 
104     //                                        fieldHtml = fieldData.value;
105 
106     //                                        options.cellElement.html(fieldHtml);
107     //                                    }
108     //                                }
109     //                            }
110     //                            //onSelectionChanged: function (selectedItems) {
111     //                            //    var data = selectedItems.selectedRowsData[0];
112     //                            //    if (data) {
113 
114     //                            //        setCookies("index_overview_grid_flag", 'cluster');
115 
116     //                            //        popCellPlan();
117     //                            //    }
118     //                            //}
119     //                        });
120 
121     //                });
122 
123     //            document.getElementById('waiting').style.display = "none";
124     //        },
125     //        error: function(err) {
126     //            document.getElementById('waiting').style.display = "none";
127     //        }
128     //    });
129     //}
130 
131     ////刷新Grid
132     //function GetPointGrid(id, coverageId, clusterId) {
133 
134     //    var region = getRegionCityName();
135 
136     //    $.ajax({
137     //        type: "POST",
138     //        url: "fast_index_overview.aspx/GetPointGrid",
139     //        data: "{id:'" +
140     //            id +
141     //            "',coverageId:'" +
142     //            coverageId +
143     //            "',clusterId:'" +
144     //            clusterId +
145     //            "',region:'" +
146     //            region +
147     //            "',sdate:'" +
148     //            cstartDate +
149     //            "',edate:'" +
150     //            cendDate +
151     //            "'}",
152     //        contentType: "application/json",
153     //        dataType: "json",
154     //        async: true,
155     //        success: function(result) {
156 
157     //            //刷新grid
158     //            $.getJSON('../data/Grid_Json/' + id + '.json',
159     //                function(json) {
160 
161     //                    $("#" + id)
162     //                        .dxDataGrid({
163     //                            dataSource: json,
164     //                            columnAutoWidth: true,
165     //                            rowAlternationEnabled: true,
166     //                            loadPanel: {
167     //                                enabled: true
168     //                            },
169     //                            paging: {
170     //                                pageSize: 15
171     //                            },
172     //                            pager: {
173     //                                showPageSizeSelector: true,
174     //                                allowedPageSizes: [10, 15, 30],
175     //                                showInfo: true
176     //                            },
177     //                            selection: {
178     //                                mode: "single"
179     //                            },
180     //                            hoverStateEnabled: true,
181 
182     //                            //scrolling: {
183     //                            //    mode: 'infinite'
184     //                            //},
185     //                            sorting: {
186     //                                mode: "none"
187     //                            },
188     //                            allowColumnReordering: true,
189     //                            //grouping: {
190     //                            //    autoExpandAll: true
191     //                            //},
192     //                            //filterRow: {
193     //                            //    visible: true,
194     //                            //    applyFilter: "Immediately"
195     //                            //},
196     //                            searchPanel: {
197     //                                visible: false,
198     //                                width: 240,
199     //                                placeholder: "输入关键字查询..."
200     //                            },
201     //                            "export": {
202     //                                enabled: false,
203     //                                fileName: "cellplan",
204     //                                allowExportSelectedData: false
205     //                            },
206     //                            headerFilter: {
207     //                                visible: false
208     //                            },
209     //                            //onSelectionChanged: function(selectedItems) {
210     //                            //    var data = selectedItems.selectedRowsData[0];
211     //                            //    if (data) {
212     //                            //        var id = data.ECI;
213     //                            //        var x = data.LONGITUDE;
214     //                            //        var y = data.LATITUDE;
215     //                            //        console.log(x + y);
216     //                            //        //$('#canshu-Filter').modal('show');
217     //                            //        //$('#canshu-Filter').modal('toggle');
218 
219     //                            //        setCookies("index_overview_grid_flag", 'point');
220 
221     //                            //        popCellPlan();
222     //                            //    }
223     //                            //},
224     //                             onCellPrepared: function (options) {
225     //                                    var fieldData = options.value,
226     //                                        fieldHtml = "";
227     //                                    if (fieldData ) {
228     //                                        if (options.column.caption.indexOf('指数') > -1) {
229     //                                            options.cellElement
230     //                                                .addClass(fieldData > 80
231     //                                                    ? "backgreen"
232     //                                                    : fieldData > 60 ? "backorange" : "backred");
233 
234     //                                            //    fieldHtml += "<span class='current-value'>" +
235     //                                            //        Globalize.format(fieldData.ECI, "c") +
236     //                                            //        "</span> <span class='diff'>" +
237     //                                            //        Math.abs(fieldData.diff).toFixed(2) +
238     //                                            //        "  </span>";
239     //                                            //} else {
240 
241     //                                            fieldHtml = fieldData.value;
242 
243     //                                            options.cellElement.html(fieldHtml);
244     //                                        }
245     //                                    }
246     //                                },
247     //                            onRowClick: function(info) {
248     //                                //info.rowElement.hasClass('clicked') ? info.rowElement.removeClass('clicked') : info.rowElement.addClass('clicked')
249 
250     //                                setCookies("index_overview_grid_flag", 'point');
251 
252 
253     //                                var title = "小区维度指标--" + info.columns[0] + ":" + info.values[0];
254 
255     //                                popCellPlan(title);
256     //                            }
257     //                            //masterDetail: {
258     //                            //    enabled: true,
259     //                            //    template: function (container, options) {
260     //                            //        var currentData = options.data;
261 
262     //                            //        var id = currentData.ECI;
263 
264     //                            //        var sqlId = "getDetail1";
265 
266     //                            //        $.ajax({
267     //                            //            type: "POST",
268     //                            //            url: "fast_index_overview.aspx/GetAjaxDetailGrid",
269     //                            //            data: "{id:'" + sqlId + "',key:'" + id + "',sdate:'" + sdate + "'}",
270     //                            //            contentType: "application/json",
271     //                            //            dataType: "json",
272     //                            //            async: false,
273     //                            //            success: function (result) {
274 
275     //                            //                var rs = result.d;
276 
277     //                            //                var detailData = eval('(' + rs + ')');
278 
279     //                            //                container.addClass("internal-grid-container");
280     //                            //                $("<div>").text("ID:" + id).appendTo(container);
281     //                            //                $("<div>")
282     //                            //                    .addClass("internal-grid")
283     //                            //                    .dxDataGrid({
284 
285     //                            //                        dataSource: detailData,
286     //                            //                        columnAutoWidth: true,
287     //                            //                        rowAlternationEnabled: true,
288     //                            //                        loadPanel: {
289     //                            //                            enabled: true
290     //                            //                        },
291     //                            //                        selection: {
292     //                            //                            mode: "single"
293     //                            //                        },
294     //                            //                        hoverStateEnabled: true,
295     //                            //                        onCellClick: function (clickedCell) {
296     //                            //                            var caption = clickedCell.column.caption;
297     //                            //                            if (caption === "站点配置") {
298 
299     //                            //                                //getPicName(clickedCell.value);
300     //                            //                            }
301     //                            //                            // else {
302 
303     //                            //                            // var x = clickedCell.values[0];
304     //                            //                            // var y = clickedCell.values[0];
305     //                            //                            // soMapscPlan.DeepToXy(x, y);
306     //                            //                            // }
307     //                            //                        }//,
308     //                            //                        // onSelectionChanged: function(selectedItems) {
309     //                            //                        // var data = selectedItems.selectedRowsData[0];
310     //                            //                        // if (data) {
311     //                            //                        // var x = data.LONGITUDE;
312     //                            //                        // var y = data.LATITUDE;
313     //                            //                        // soMapscPlan.DeepToXy(x, y);
314     //                            //                        // }
315     //                            //                        // }
316     //                            //                    }).appendTo(container);
317     //                            //            }
318     //                            //        });
319 
320 
321     //                            //    }
322     //                            //}
323     //                        });
324 
325     //                });
326 
327     //            document.getElementById('waiting').style.display = "none";
328     //        },
329     //        error: function(err) {
330     //            document.getElementById('waiting').style.display = "none";
331     //        }
332     //    });
333     //}

 

posted @ 2016-09-09 08:48  googlegis  阅读(516)  评论(0编辑  收藏  举报

坐标合肥,非典型GIS开发人员 GitHub