Mendix—开发者与非开发者如何定制化datagrid的样式

• 2020 年 2 月 25 日
• 筆記

一、给非开发者使用

如何使用DataGridExtension完成DataGrid根据数据的不同显示不同的颜色。

二、开发者使用

此文主要使用js操作如何修改dataGrid指定列的样式。效果图如下：

你要做的只需要在datagrid下面加上一个htmlSnippet组件，并填入一下代码即可：

//获取到datagrid组件,如果大家想深入了解datagrid，建议看一下mx.ui,js源码哦  var datagrid=dijit.registry.byNode($(".mx-name-grid1")[0]);  require(["dojo/aspect"], function(aspect){      aspect.after(datagrid, "refreshGrid", function(){          //source列为第6列          $.each($(".mx-name-column6 .mx-datagrid-data-wrapper"), function (indexInArray, valueOfElement) {               if($(this).text()=='chrome'){                   $(this).css("color",'red');               }else if($(this).text()=='web'){                   $(this).css("color",'blue');               }else               {                  $(this).css("color",'pink');               }          });        });    });

其中Mendix的dojo/aspect的用法链接：https://xtboke.cn/jsjc/570.html