一、给非开发者使用

如何使用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://qiquanji.com/jsjc/570.html

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。