Devxtreme 显示Master-Detail数据列表, 数据显示颜色
////刷新3/4簇Grid
//function GetClusterGrid(id, coverageId, clusterId) { // var region = getRegionCityName();
// $.ajax({
// type: "POST",
// url: "fast_index_overview.aspx/GetClusterGrid",
// data: "{id:'" +
// id +
// "',coverageId:'" +
// coverageId +
// "',clusterId:'" +
// clusterId +
// "',region:'" +
// region +
// "',sdate:'" +
// cstartDate +
// "',edate:'" +
// cendDate +
// "'}",
// contentType: "application/json",
// dataType: "json",
// async: false,
// success: function(result) { // //刷新grid
// $.getJSON('../data/Grid_Json/' + id + '.json',
// function(json) { // $("#" + id)
// .dxDataGrid({
// dataSource: json,
// columnAutoWidth: true,
// rowAlternationEnabled: true,
// loadPanel: {
// enabled: true
// },
// paging: {
// pageSize: 15
// },
// pager: {
// showPageSizeSelector: true,
// allowedPageSizes: [10, 15, 30],
// showInfo: true
// },
// selection: {
// mode: "single"
// },
// hoverStateEnabled: true, // //scrolling: {
// // mode: 'infinite'
// //},
// sorting: {
// mode: "none"
// },
// allowColumnReordering: true,
// //grouping: {
// // autoExpandAll: true
// //},
// //filterRow: {
// // visible: true,
// // applyFilter: "Immediately"
// //},
// searchPanel: {
// visible: false,
// width: 240,
// placeholder: "输入关键字查询..."
// },
// "export": {
// enabled: false,
// fileName: "统计表",
// allowExportSelectedData: false
// },
// headerFilter: {
// visible: false
// },
// onRowClick: function(info) {
// //info.rowElement.hasClass('clicked') ? info.rowElement.removeClass('clicked') : info.rowElement.addClass('clicked') // setCookies("index_overview_grid_flag", 'cluster'); // var title = "小区维度指标--" + info.columns[0] + ":" + info.values[0]; // popCellPlan(title);
// },
// onCellPrepared: function (options) {
// var fieldData = options.value,
// fieldHtml = "";
// if (fieldData) {
// if (options.column.caption.indexOf('指数') > -1) {
// options.cellElement
// .addClass(fieldData > 80
// ? "backgreen"
// : fieldData > 60 ? "backorange" : "backred"); // // fieldHtml += "<span class='current-value'>" +
// // Globalize.format(fieldData.ECI, "c") +
// // "</span> <span class='diff'>" +
// // Math.abs(fieldData.diff).toFixed(2) +
// // " </span>";
// //} else { // fieldHtml = fieldData.value; // options.cellElement.html(fieldHtml);
// }
// }
// }
// //onSelectionChanged: function (selectedItems) {
// // var data = selectedItems.selectedRowsData[0];
// // if (data) { // // setCookies("index_overview_grid_flag", 'cluster'); // // popCellPlan();
// // }
// //}
// }); // }); // document.getElementById('waiting').style.display = "none";
// },
// error: function(err) {
// document.getElementById('waiting').style.display = "none";
// }
// });
//} ////刷新Grid
//function GetPointGrid(id, coverageId, clusterId) { // var region = getRegionCityName(); // $.ajax({
// type: "POST",
// url: "fast_index_overview.aspx/GetPointGrid",
// data: "{id:'" +
// id +
// "',coverageId:'" +
// coverageId +
// "',clusterId:'" +
// clusterId +
// "',region:'" +
// region +
// "',sdate:'" +
// cstartDate +
// "',edate:'" +
// cendDate +
// "'}",
// contentType: "application/json",
// dataType: "json",
// async: true,
// success: function(result) { // //刷新grid
// $.getJSON('../data/Grid_Json/' + id + '.json',
// function(json) { // $("#" + id)
// .dxDataGrid({
// dataSource: json,
// columnAutoWidth: true,
// rowAlternationEnabled: true,
// loadPanel: {
// enabled: true
// },
// paging: {
// pageSize: 15
// },
// pager: {
// showPageSizeSelector: true,
// allowedPageSizes: [10, 15, 30],
// showInfo: true
// },
// selection: {
// mode: "single"
// },
// hoverStateEnabled: true, // //scrolling: {
// // mode: 'infinite'
// //},
// sorting: {
// mode: "none"
// },
// allowColumnReordering: true,
// //grouping: {
// // autoExpandAll: true
// //},
// //filterRow: {
// // visible: true,
// // applyFilter: "Immediately"
// //},
// searchPanel: {
// visible: false,
// width: 240,
// placeholder: "输入关键字查询..."
// },
// "export": {
// enabled: false,
// fileName: "cellplan",
// allowExportSelectedData: false
// },
// headerFilter: {
// visible: false
// },
// //onSelectionChanged: function(selectedItems) {
// // var data = selectedItems.selectedRowsData[0];
// // if (data) {
// // var id = data.ECI;
// // var x = data.LONGITUDE;
// // var y = data.LATITUDE;
// // console.log(x + y);
// // //$('#canshu-Filter').modal('show');
// // //$('#canshu-Filter').modal('toggle'); // // setCookies("index_overview_grid_flag", 'point'); // // popCellPlan();
// // }
// //},
// onCellPrepared: function (options) {
// var fieldData = options.value,
// fieldHtml = "";
// if (fieldData ) {
// if (options.column.caption.indexOf('指数') > -1) {
// options.cellElement
// .addClass(fieldData > 80
// ? "backgreen"
// : fieldData > 60 ? "backorange" : "backred"); // // fieldHtml += "<span class='current-value'>" +
// // Globalize.format(fieldData.ECI, "c") +
// // "</span> <span class='diff'>" +
// // Math.abs(fieldData.diff).toFixed(2) +
// // " </span>";
// //} else { // fieldHtml = fieldData.value; // options.cellElement.html(fieldHtml);
// }
// }
// },
// onRowClick: function(info) {
// //info.rowElement.hasClass('clicked') ? info.rowElement.removeClass('clicked') : info.rowElement.addClass('clicked') // setCookies("index_overview_grid_flag", 'point'); // var title = "小区维度指标--" + info.columns[0] + ":" + info.values[0]; // popCellPlan(title);
// }
// //masterDetail: {
// // enabled: true,
// // template: function (container, options) {
// // var currentData = options.data; // // var id = currentData.ECI; // // var sqlId = "getDetail1"; // // $.ajax({
// // type: "POST",
// // url: "fast_index_overview.aspx/GetAjaxDetailGrid",
// // data: "{id:'" + sqlId + "',key:'" + id + "',sdate:'" + sdate + "'}",
// // contentType: "application/json",
// // dataType: "json",
// // async: false,
// // success: function (result) { // // var rs = result.d; // // var detailData = eval('(' + rs + ')'); // // container.addClass("internal-grid-container");
// // $("<div>").text("ID:" + id).appendTo(container);
// // $("<div>")
// // .addClass("internal-grid")
// // .dxDataGrid({ // // dataSource: detailData,
// // columnAutoWidth: true,
// // rowAlternationEnabled: true,
// // loadPanel: {
// // enabled: true
// // },
// // selection: {
// // mode: "single"
// // },
// // hoverStateEnabled: true,
// // onCellClick: function (clickedCell) {
// // var caption = clickedCell.column.caption;
// // if (caption === "站点配置") { // // //getPicName(clickedCell.value);
// // }
// // // else { // // // var x = clickedCell.values[0];
// // // var y = clickedCell.values[0];
// // // soMapscPlan.DeepToXy(x, y);
// // // }
// // }//,
// // // onSelectionChanged: function(selectedItems) {
// // // var data = selectedItems.selectedRowsData[0];
// // // if (data) {
// // // var x = data.LONGITUDE;
// // // var y = data.LATITUDE;
// // // soMapscPlan.DeepToXy(x, y);
// // // }
// // // }
// // }).appendTo(container);
// // }
// // }); // // }
// //}
// }); // }); // document.getElementById('waiting').style.display = "none";
// },
// error: function(err) {
// document.getElementById('waiting').style.display = "none";
// }
// });
//}
Devxtreme 显示Master-Detail数据列表, 数据显示颜色的更多相关文章
- 微信小程序云开发-数据库-商品列表数据显示N条数据
一.wxml文件 在wxml文件中,写页面和点击事件,添加绑定事件limitGoods 二.js文件 在js文件中写limitGoods(),使用.limit(3)表示只显示3条数据
- Win10 UWP开发系列：实现Master/Detail布局
在开发XX新闻的过程中,UI部分使用了Master/Detail(大纲/细节)布局样式.Win10系统中的邮件App就是这种样式,左侧一个列表,右侧是详情页面.关于这种 样式的说明可参看MSDN文档: ...
- UWP 快速的Master/Detail实现
最近在写快报(还没有写完)的过程中,一开始就遇到了这个Master/Detail如何实现的问题. 微软给出Demo并不符合要求,搜索后找到了今日头条开发者写的一篇 :实现Master/Detail布局 ...
- 解决Javascript大数据列表引起的网页加载慢/卡死问题。
在一些网页应用中,有时会碰到一个超级巨大的列表,成千上万行,这时大部份浏览器解析起来就非常痛苦了(有可能直接卡死). 也许你们会说可以分页或动态加载啊?但是有可能需求不允许分页,动态加载?网络的延迟也 ...
- 页面设计-数据列表 DataGrid
传统软件项目开发时,针对每个业务单据页面需要每控件一个一个的来设计,同时需要在页面功能中对每个控件的属性进行判定处理,尤其是页面风格布局样式需要花去一大半的时间,并且后续要想修改是非常麻烦繁琐,这样就 ...
- 这些HTML、CSS知识点，面试和平时开发都需要 No5-No7（知识点：文字设置、设置背景、数据列表）
系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识 ...
- 利用Javascript解决HTML大数据列表引起的网页加载慢/卡死问题。
在一些网页应用中,有时会碰到一个超级巨大的列表,成千上万行,这时大部份浏览器解析起来就非常痛苦了(有可能直接卡死). 也许你们会说可以分页或动态加载啊?但是有可能需求不允许分页,动态加载?网络的延迟也 ...
- UWP开发必备：常用数据列表控件汇总比较
今天是想通过实例将UWP开发常用的数据列表做汇总比较,作为以后项目开发参考.UWP开发必备知识点总结请参照[UWP开发必备以及常用知识点总结]. 本次主要讨论以下控件: GridView:用于显示数据 ...
- 【WPF】闲着没事，写了个支持数据列表分页的帮助类
支持分页的MVVM组件大家可以网上找,老周这个类只是没事写来娱乐一下的,主要是功能简单,轻量级,至少它满足了我的需求,也许还有未知的 bug . 这个类支持对数据列表进行分页处理,原理是利用 Skip ...
随机推荐
- 代理-cglib代理
jdk的动态代理只可以为接口去完成操作,而cglib它可以为没有实现接口的类去做代理,也可以为实现接口的类去做代理. IDB package com.bjpowernode.proxy; /** * ...
- 了解JavaScript的语法基础，值和变量
通过JavaScript语法基础学习了解到1.怎么使用js/*通常js的引入和css一样,分为内部,外部和行内引入,执行自上而下,有着先后顺序*/:2.js的语法/*2.1js是用字母,数字.特殊字符 ...
- OpenLayers 6 学习笔记
这个是真的学习笔记!不是教程 转载请声明:https://www.cnblogs.com/onsummer/p/12159366.html 基于openlayers 6.x api不太好查,就基于腾讯 ...
- 「Flink」事件时间与水印
我们先来以滚动时间窗口为例,来看一下窗口的几个时间参数与Flink流处理系统时间特性的关系. 获取窗口开始时间Flink源代码 获取窗口的开始时间为以下代码: org.apache.flink.str ...
- Docker总结2020
1. docker ps docker exec -it php7 /bin/bash 设置文件权限: chmod -R sign_tp5/ 重启nginx命令: nginx -s reload ...
- 使用Ajax时[object%20object] 报错的解决方案
踩坑经过 最近初学Ajax,当我想把Ajax应用到自己项目中的时候,没有达到理想的效果,还报了如下错误: 点击图中报错,产生报错页面如下: 当时写的Ajax如下: // 提交修改密码表单 $(&quo ...
- JS事件绑定的三种方式比较
js事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
- postgresql开篇
postgresql 作为官方号称的最先进的开源数据库,从今天(2020-1-19)起开始系统的学习一下,记录自己学习的点点滴滴.
- 《手把手教你构建自己的 Linux 系统》学习笔记（3）
需要注意的是,制作操作系统权限全程都要用 root pushd 和 popd 为了方便目录管理,所以出现了这种两个命令,他们的原理就是利用堆栈来实现目录管理. 这两个命令,pushd 负责将指定的目录 ...
- 8maven配置多个项目之间的依赖
首先创建两个项目进行测试依赖 创建一个HelloWorld2项目,一个HelloWorld类里面有一个sayHello的方法 然后再创建一个HelloWorldTime项目,一个SayHelloWor ...