【问题标题】:Dgrid formatter create column based on values in another columnDgrid 格式化程序根据另一列中的值创建列
【发布时间】:2014-04-27 21:22:32
【问题描述】:

我正在创建一个基于数据源的 dgrid,该数据源具有一个地址和两列布尔值,用于标识记录中的地址类型,邮政地址或公司地址。

我想根据两个布尔值列在另一列(地址类型)中显示布尔值的描述性名称。我正在尝试使用 dgrid 格式化程序功能,但是我无法获得所需的结果。下面是我的代码:

Javascript

function getAddressType(){
    $.each(employeeAddressData, function(key, value){

       if(key == "postalAddress"){
          if(value == true || value == 'true'){
              console.log('returning postal');
          return 'Postal';
          }

      }else{
          console.log('returning business');
          return 'Business';
      }

      });  
    }

var Employer = [{id: 1, businessName:'John Doe and Sons Limited',phone:'123456',address:'123 Long Street', postalAddress:true, businessAddress:false},
                {id: 1, businessName:'Alice and Bob Limited',phone:'78956', address:'56 Short Street', postalAddress:false, businessAddress:true}];

var employerGrid = new CustomGrid({
    store: employerStore,
    columns:{
    id:{
        label:"Id",
        field:"id",
        hidden:true
    },
    businessName:{
        label:"Business",
        field:"businessName",
    },
    phone:{
        label:"Contact No.",
        field:"phone",
    },
    address:{
        label:"Address",
        field:"address",
    },
    addressType:{
        label:"Address Type",
        formatter:getAddressType();
    }   
    },
    selectionMode:"none",
    loadingMessage: "Loading data...",
    noDataMessage: "No results found....",
    allowSelectAll: true

}, "employerGrid");

【问题讨论】:

    标签: javascript dojo dgrid dojo.gridx


    【解决方案1】:

    我意识到 dgrid 有一个 get 函数,我可以使用它来访问数据源属性。所以不需要格式化程序,而是使用了get。下面是我的解决方案:

    Javascript

     },
        addressType:{
            label:"Address Type",
            get: function(object){
              if(object.postalAddress == true){
                  return 'Postal';
               }else{
                  return 'Business';
               }
            }
        }   
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-12-02
      • 2021-11-26
      • 2023-02-23
      • 2020-04-16
      • 2022-08-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多