1949啦网--小小

一、给非开发者使用

如何使用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,我们将及时处理。

微信扫码关注

更新实时通知