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     //}

?

轉載于:https://www.cnblogs.com/googlegis/p/5855205.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/372345.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/372345.shtml
英文地址,請注明出處:http://en.pswp.cn/news/372345.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

mysql 排序去重復_php mysql 過濾重復記錄并排序

table1idname1a2b3ctable2idnamecont1aaa2bbb3aaaaaSELECT*,count(distincttable2.name)FROMtable1,table2WHEREtable1.nametable2.nameGROUPBYtable2.nameORDERBYtable2.idDESC";重復...table1id name1 a2 b3 ctable2id name cont1 a aa2 b bb3 a aaaaSELECT *,count(dis…

Java EE 6測試第I部分– EJB 3.1可嵌入API

我們從Enterprise JavaBeans開發人員那里聽到的最常見的請求之一就是需要改進的單元/集成測試支持。 EJB 3.1 Specification引入了EJB 3.1 Embeddable API&#xff0c;用于在Java SE環境中執行EJB組件。 與傳統的基于Java EE服務器的執行不同&#xff0c;可嵌入式用法允許客戶端…

Flume 中文入門手冊

原文&#xff1a;https://cwiki.apache.org/confluence/display/FLUME/GettingStarted 什么是 Flume NG? Flume NG 旨在比起 Flume OG 變得明顯更簡單。更小。更easy部署。在這樣的情況下&#xff0c;我們不提交Flume NG 到 Flume OG 的后向兼容。當前。我們期待來自感興趣測試…

原生JavaScript+CSS3實現移動端滑塊效果

在做web頁面時&#xff0c;無論PC端還是移動端&#xff0c;我們會遇到滑塊這樣的效果&#xff0c;可能我們往往會想著去網上找插件&#xff0c;其實這個效果非常的簡單&#xff0c;插件代碼的的代碼往往過于臃腫&#xff0c;不如自己動手&#xff0c;自給自足。首先看一下效果圖…

mysql的連接名是哪個文件_mysql連接名是什么

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云數據庫專家保駕護航&#xff0c;為用戶…

Activiti績效對決

每個人在學習Activiti時都會一直問到的問題&#xff0c;與軟件開發本身一樣古老&#xff1a;“它如何執行&#xff1f;”。 到現在為止&#xff0c;當您問我同樣的問題時&#xff0c;我將告訴您Activiti如何以各種可能的方式最小化數據庫訪問&#xff0c;如何將流程結構分解為“…

怎么使用CKEDITOR

出于工作需求&#xff0c;自己在網上找了個文本編輯器控件, 網址是http://ckeditor.com/ 怎么使用&#xff1f; 先插入腳本<script type"text/javascript" src"*/ckeditor.js"></script>, 然后&#xff0c;在自己的腳本里調用CKEDITOR.replac…

centos 打開pdo_mysql_centos中添加php擴展pdo_mysql步驟

pdo_mysql是php中一個mysql連接類了&#xff0c;我們可以直接使用pdo_mysql來操作數據庫這樣自己可以不需要寫數據庫操作類了&#xff0c;下面來介紹在centos中安裝pdo_mysql擴展的步驟。本文內容是以 CentOS 為例&#xff0c;紅帽系列的 Linux 方法應該都是如此&#xff0c;下…

Java線程死鎖–案例研究

本文將描述從在IBM JVM 1.6上運行的Weblogic 11g生產系統中觀察到的最新Java死鎖問題的完整根本原因分析。 此案例研究還將證明掌握線程轉儲分析技能的重要性&#xff1b; 包括用于IBM JVM Thread Dump格式。 環境規格 – Java EE服務器&#xff1a;Oracle Weblogic Server 1…

bzoj1968: [Ahoi2005]COMMON 約數研究

水題。。。 #include<cstdio> #include<cstring> #include<iostream> #include<algorithm> using namespace std; #define rep(i,s,t) for(int is;i<t;i) int main(){int ans0,n;scanf("%d",&n);rep(i,1,n) ansn/i;printf("%d\n…

題目1457:非常可樂(廣度優先遍歷BFS)

題目鏈接&#xff1a;http://ac.jobdu.com/problem.php?pid1457 詳解鏈接&#xff1a;https://github.com/zpfbuaa/JobduInCPlusPlus 參考代碼&#xff1a; // // 1457 非常可樂.cpp // Jobdu // // Created by PengFei_Zheng on 22/04/2017. // Copyright © 2017 Pe…

mysql查詢某張表的所有外鍵_oracle中查詢所有外鍵引用到某張表的記錄

歡迎進入Oracle社區論壇&#xff0c;與200萬技術人員互動交流 >>進入 oracle中查詢所有外鍵引用到某張表的記錄 //查詢表的主鍵約束名 select * from user_constraints e where e.table_name表名;--輸入 //查詢所有引用到該主鍵的記錄 select b.table_name,b.column_歡迎…

BTrace for Java應用程序簡介

本文的目的是學習如何使用BTrace動態跟蹤/觀察正在運行的Java應用程序&#xff08;JDK 6&#xff09;&#xff0c;而無需更改應用程序的代碼和配置參數。 什么是BTrace&#xff1f; BTrace是一個開源項目&#xff0c;始于2007年&#xff0c;最初由A.Sundararajan和K.Balasubra…

叢銘俁 160809324 (作業1)

老師&#xff0c;助教好&#xff01;我是計科3班的叢銘俁&#xff0c;我的性格陽光開朗&#xff0c;待人大方友善&#xff0c;凡事不喜歡斤斤計較&#xff1b;本人熱心&#xff0c;喜歡樂于助人&#xff0c;也喜歡和積極向上的人交朋友。最喜歡打羽毛球&#xff0c;其次是籃球&…

mysql死鎖分析_MySQL死鎖分析

熟悉或者了解數據庫的朋友都知道鎖的概念&#xff0c;這里不做過多的解析&#xff01;鎖的種類有很多&#xff0c;不同數據庫的鎖管理方式也不同。這里主要談下MySQL innodb引擎下的死鎖。死鎖通俗的來講就是2個事務相互請求對方持有的鎖&#xff0c;這樣就會造成2個事務相互等…

在Akka中實現主從/網格計算模式

主從模式是容錯和并行計算的主要示例。 模式背后的想法是將工作劃分為相同的子任務&#xff0c;然后將其委派給從屬。 這些從節點或實例將處理工作任務&#xff0c;并將結果發送回主節點。 然后主節點將編譯從所有從節點接收到的結果。關鍵是從節點僅知道如何處理任務&#xff…

java學習筆記總略

二、正文&#xff08;一&#xff09;Java1.接口和抽象類的區別①抽象類里可以有構造方法&#xff0c;而接口內不能有構造方法。②抽象類中可以有普通成員變量&#xff0c;而接口中不能有普通成員變量。③抽象類中可以包含非抽象的普通方法&#xff0c;而接口中所有的方法必須是…

react實現路由跳轉_react實現hash路由

眾所周知&#xff0c;目前單頁面使用的路由有兩種實現方式&#xff1a;hash 模式history 模式hash 模式路由原理&#xff1a;我們先來看hash模式&#xff0c;頁面首次加載時需要在load事件中解析初始的URL&#xff0c;從而展示進入的頁面。當 # 后面的哈希值發生變化時&#xf…

Java中的Google協議緩沖區

總覽 協議緩沖區是一種用于結構化數據的開源編碼機制。 它是由Google開發的&#xff0c;旨在實現語言/平臺中立且可擴展。 在本文中&#xff0c;我的目的是介紹Java平臺上下文中協議緩沖區的基本用法。 Protobuff比XML更快&#xff0c;更簡單&#xff0c;并且比JSON更緊湊。 當…

匈牙利哦模板 二分匹配 完全匹配問題

匈牙利算法的核心思想就是 騰空間, 有條件 創造,沒條件也要創造! bool find(int x){int i,j;for (j1;j<m;j){ //掃描每個被匹配的人 if (line[x][j]true && used[j]false) //如果有關系并且還沒有標記過(這里標記的意思是這次查找曾試圖改變過的歸屬問題&a…