How to define a grid's columns id

[hui2008]

Dear all,

I create a grid, and in the columns, I want to do this:

{id:?(I want to the value of this id equal the value of this dataIndex),header: 'title', dataIndex: 'priority',sortable:true, width: 90},

like this, if priority=6 I want to id:'6',
if priority=7 I want to id:'7',

who can help me?

thanks!

[evant]

That doesn't make sense. The column could have more than 1 priority value, so it doesn't make sense to do that.

[lburgess]

I assume that there is a potential for the same prority to appear in multiple rows?.. If so, you should be looking to set a class instead, as all DOM element ids should be unique.

That aside, using a simple number (especially for DOM elements relating to a record) is probably not recommended anyway, as such I id would have a high likely hood of being prescribed again and again throughout your app.. which could get very messy

I may get a chance to look into a possible solution, if I do (and no one else beats me to it), I'll post some code up.

[hui2008]

Thanks very much

[evant]

You need to use a renderer.

[hui2008]

You need to use a renderer.

thanks for your reply, could you please descr detail?

[hui2008]

I do this:

{id:'prbg',header:'mytitle',dataIndex:'priority',align:'center',sortable:true,width:90,renderer:this.bgcolor}, 

bgcolor:function(value){
    var bg;   
    if(value == '5'){bg="#666666"}
    else{
    bg="#ff0000"
    }
    return String.format('<div style="padding:3px;background-color:{1}">{0}</div>',value,bg); 
    } 

add css:

.x-grid3-col-prbg{padding:0;} 

but I think this is not a perfect solution