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 ...
随机推荐
- C# 四则运算及省市选择及日月选择
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...
- android的APT技术
转载请标明出处:https:////www.cnblogs.com/tangZH/p/12343786.html, http://77blog ...
- 【STM32H7教程】第47章 STM32H7的FMC总线基础知识和HAL库API
完整教程下载地址:http://www.armbbs.cn/forum.php?mod=viewthread&tid=86980 第47章 STM32H7的FMC总线基础知识和HA ...
- C语言再学习part3—算法
君子远庖厨,万物皆备于我.—孟子 这篇文章主要总结程序的主要要素,以及程序的构成是什么样子的.最后说说我学到的一种奇特的表示算法的方式—伪代码. 让我们开始吧! 一个程序应该包括以下两个主要要素: 1 ...
- spring security之web应用安全
一.什么是web应用安全,为了安全我们要做哪些事情? 保护web资源不受侵害(资源:用户信息.用户财产.web数据信息等)对访问者的认证.授权,指定的用户才可以访问资源访问者的信息及操作得到保护(xs ...
- jQuery---事件的执行顺序
事件的执行顺序 // 1 这个是p自己注册的事件(简单事件) $("p").on("click", function () { alert("呵呵哒& ...
- 循环删除List集合的元素
之前在使用list集合循环删除元素的时候,竟然出现了集合内的元素不能删除成功的问题,之后整理了一下,发现大有玄机! 1.如果指定了list的size大小,会出现下标越界异常 List<Strin ...
- vue.config.js添加路径别名
在组件库中添加配置文件后其它文件需要引用它,此时想到利用路径的别名比较方便,相当于缩写了,请看下面的添加过程: (一)在vue.config.js文件中添加的内容如粗体字体所示: const path ...
- 一文看懂AI深度学习丨曼孚科技
深度学习(Deep Learning)是机器学习的一种,而机器学习是实现人工智能的必经途径. 目前大部分表现优异的AI应用都使用了深度学习技术,引领了第三次人工智能的浪潮. 一. 深度学习的概念 深度 ...
- 基于XML的声明式事务控制
1.maven依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="h ...