Ext Grid 열 컨텐츠 표시 처리

    var configColumns = new Ext.grid.ColumnModel({
    	defaults : {
    		sortable : true
    	},
    	columns : [ new Ext.grid.RowNumberer(), {
    		header : " ",
    		width : 80,
    		dataIndex : "id",
    		align : "left",
    		renderer : myIdRenderer  // 
    	}, {
    		header : " ",
    		width : 40,
    		dataIndex : "name",
    		align : "left",
    		renderer : myPromptRenderer // tip 
    	}, {
    		header : " ",
    		width : 60,
    		dataIndex : "cardnum",
    		align : "left"
    	} , {
    		id : "operation",
    		header : " ",
    		width : 60,
    		dataIndex : "operation",
    		align : "left",
    		sortable : false,
    		renderer : operationRenderer
    	}]
    });

    function myIdRenderer(value) {
        if(value > 10000)
        {
            return "PB"+value;
        }
        return value; 
    }

    function operationRenderer(value, cellmeta, record, rowIndex, columnIndex,
            store) {
        var imagePath =  __path + "/styles/images/grid/application_edit.png";
    
        // ， tip ， modify() ， 
        return  "<div class='controlBtn'>" +
                    "<img style='cursor:hand;' onclick=‘modify();’ src='" + imagePath + "' title=' ' width='16' height='16' class='control_edit'/>" + 
                "</div>";
    }

    function myPromptRenderer(value) {
    
        return "<span title='"  + value +  "'>" + value + "</span>";
    }