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 ...
随机推荐
- springBoot2.x启动项目报java.sql.SQLNonTransientConnectionException
将项目从springBoot1.x升级到springBoot2.x,启动报错: java.sql.SQLNonTransientConnectionException: Cannot load con ...
- iOS异常采用处理方式
iOS开发过程中我们经常会遇到异常问题 对异常的处理一般采用打印或者直接抛出.这样可以很方便我们调试过程有所参考,而且方便我们查看异常产生的位置信息 NSError(错误信息) 采用NSError的情 ...
- everspin最新1Gb容量扩大MRAM吸引力
everspin提供了8/16-bit的DDR4-1333MT/s(667MHz)接口,但与较旧的基于DDR3的MRAM组件一样,时序上的差异使得其难以成为DRAM(动态随机存取器)的直接替代品. ...
- （三）LoadRunner术语认识
场景:主要表现为controller中设计与执行测试用例中的用户场景.主要工作有,在controller中选择虚拟用户脚本.设置虚拟用户数量.配置虚拟用户运行时的行为.选择负载发生器.设置执行时间等. ...
- SQL server 游标用法
declare @EmpCode varchar(50), @EmpName varchar(50), @EmpAddress varchar(200);declare curEmployee cur ...
- # ConfigureAwait常见问题解答
原文: https://devblogs.microsoft.com/dotnet/configureawait-faq/ .NET 在七多年前在语言和类库添加了 async/await .在那个时候 ...
- sass实现头条新闻列表页面
Index.html <!DOCTYPE html> <html> <head> <title>今日头条</title> <meta ...
- c#中for与foreach的使用
for循环示例: static void Main(string[] args) { string[] s = new string[] { "a,b,c,d,e,f,g" }; ...
- 剑指offer-面试题53_2-0~n-1中缺失的数字-二分查找
/* 题目: 寻找递增数组0~n-1中缺失的数字. */ /* 思路: 变形二分法. */ #include<iostream> #include<cstring> #incl ...
- maven的核心概念——仓库
第十章仓库 10.1 分类 [1]本地仓库:为当前本机电脑上的所有Maven工程服务. [2]远程仓库 (1)私服:架设在当前局域网环境下,为当前局域网范围内的所有Maven工程服务. (2)中央仓库 ...