ExtJS property.Grid 加入链接

最新推荐文章于 2021-06-09 16:08:24 发布

原创最新推荐文章于 2021-06-09 16:08:24 发布 · 116 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一个使用 ExtJS 框架实现的属性网格组件案例，该组件用于展示用户的个人信息，包括姓名、性别和个人主页等字段。通过内置监听器禁用了编辑功能，并采用自定义渲染函数对性别和个人主页字段进行了格式化处理。

Ext.create('Ext.grid.property.Grid', {
    title:'个人信息',
    sortableColumns:false,
    escape:"false",
    listeners:{//禁止修改
        beforeedit:function(e){
            e.cancel = true;
            return false;
        }
    },
    //自定义渲染函数
    customRenderers: {
        "性别":function(v){//格式化性别显示
            if(v==1){
                return '男';
            }else if(v==2){
                return '女';
            }else{
                return '保密';
            }
        },
        "个人主页":function(v){//格式化个人主页显示,在 propertygrid的值里加入超级连接或html代码.
            return v?'<a href="'+v+'">'+v+'</a>':'';
        }
    },
    source:{
        "姓名":'',
        "性别":'',
        "个人主页":''
    }
}