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 ...
随机推荐
- Python3标准库：itertools迭代器函数
1. itertools迭代器函数 itertools包括一组用于处理序列数据集的函数.这个模块提供的函数是受函数式编程语言(如Clojure.Haskell.APL和SML)中类似特性的启发.其目的 ...
- P1058 立体图
链接:Miku ------------------------------ 蒟蒻在线%lmk,ljx,lpy,yyq大佬们 ------------------------------ Good N ...
- jmeter脚本调试过程
1.添加监听器:查看结果树,再回放脚本 2.权限验证,例如:cookies a.谷歌浏览器F12获取session
- VSCode 完美整合前后端框架（angular2+.NET core）
首先打开命令行查看本地.NET版本. 通过命令行安装模板. dotnet new --install Microsoft.AspNetCore.SpaTemplates::* 创建demo目录,并用v ...
- cf999E (强联通分量模板题）
给出n个点m条边的有向图,问至少添加多少条边使得任何点都可以从s点出发可达 #include<bits/stdc++.h> #define forn(i, n) for (int i = ...
- C# WPF从RIOT API获取数据(RIOT代表作品《英雄联盟》)
微信公众号:Dotnet9,网站:Dotnet9,问题或建议:请网站留言, 如果对您有所帮助:欢迎赞赏. C# WPF从RIOT API获取数据(RIOT代表作品<英雄联盟>) 阅读导航 ...
- Java连载87-酒店管理系统练习、哈希表、函数
一.创建一个酒店的房间管理系统 需求:这个酒店有五层,并且1-2层是标准间,3-4层是双人间,5层是豪华间:我们需要实时的显现各个房间的使用状态,并且我们可以预定某一个房间. package com. ...
- Windows显示默认桌面图标(计算机，用户的文件，网络，控制面板，回收站)
1.按Win+R 2.复制以下命令 rundll32.exe shell32.dll,Control_RunDLL desk.cpl,,0 3.点击运行,根据需求勾选相应图标即可
- 搭建网页HTML结构
div 块级标签 span 行内标签 <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- Node.js核心模块-fs文件系统
fs是file-system的简写,文件系统的意思.在Node中如果想要进行文件操作,就必须引入fs这个核心模块. 引入 const fs = require('fs') fs.readFile(pa ...