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