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 ...
随机推荐
- R语言入门：向量索引
这节的内容是建立在之前我们对R语言最基本向量赋值的基础之上的,笔者本人学完R当中向量的索引感觉异常舒适,因为这个比Python的索引爽多了,是什么值开始索引就从哪里开始索引,到哪里结束就在哪里结束,而 ...
- absoulue与relative配合定位盒子居中问题
如何通过absoulue与relative配合把一个盒子或者是把2个div块同时放到页面中央部分?定位完成后为什么又需要margin-left与margin-top各往回走50%的长度,别忘记用z-i ...
- SAP MM 自定义条件类型出现在采购信息记录的'条件'界面里 ？
SAP MM 自定义条件类型出现在采购信息记录的'条件'界面里 ? 我在SAP系统里复制某个标准的采购条件类型,创建了一个新的自定义条件类型ZC05,并将其分配采购定价过程RM0000. 结果却出现一 ...
- 源码浅析：MySQL一条insert操作，会写哪些文件？包括UNDO相关的文件吗？
DML操作的大致流程 在解答上述疑惑之前,我们来梳理一下DML操作的大致流程: 1.语法解析.语义解析 2.生成执行计划 3.事务修改阶段 1) 激活事务,事务状态由not_active变为activ ...
- python-20-迭代器是个什么东西？
前言 迭代器.生成器.装饰器都有一个“器”,但他们之间没有什么关系. 迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束.迭代器只能往前不会后退. 迭代器有两个基本的方法:iter() ...
- [IOI2018] werewolf 狼人 [kruskal重构树+主席树]
题意: 当你是人形的时候你只能走 \([L,N-1]\) 的编号的点(即大于等于L的点) 当你是狼形的时候你只能走 \([1,R]\) 的编号的点(即小于等于R的点) 然后问题转化成人形和狼形能到的点 ...
- 高级UI组件（二）
1.图像视图 <ImageView android:id="@+id/imageView" android:layout_width="wrap_content&q ...
- SQL Server无备份误删数据的恢复
在正式生产数据库中,因为客户现场管理不规范产生了一条错误数据,由于自身睡眠不佳加上客户方言表达,将编号记错,在没有备份的情况下,直接连远程数据库执行了delete操作. 由于备份设置的是每日0点,当天 ...
- maven的核心概念——创建war工程
第十七章第四个Maven工程(war工程) 17.1 创建步骤 ①第一步:创建maven web工程 ②第二步:修改web.xml <?xml version="1.0" e ...
- SP10707 COT2 - Count on a tree II [树上莫队学习笔记]
树上莫队就是把莫队搬到树上-利用欧拉序乱搞.. 子树自然是普通莫队轻松解决了 链上的话 只能用树上莫队了吧.. 考虑多种情况 [X=LCA(X,Y)] [Y=LCA(X,Y)] else void d ...