2012-04-19 5 views
0

나는이 같은 dynaicly 아이콘을 생성하는 활성 열을 사용는 ExtJS 4

지금
{xtype:'actioncolumn', 
      width:25, 
      align: 'center', 
      items: [{ 
       icon: g_settings.iconUrl + 'view-icon.png' , 
       tdCls : 'someClass', 
       handler: function() 
       { 
        alert('HI'); 
       }] 

(이 경우 커서의 : 포인터) 내가 원하는 속성을 추가 할 수는 ExtJS 포럼입니다 덧붙이 기 위해 작성했습니다

.someClass 
{ 
    cursor:pointer; 
} 

그러나 어디서 써야하는지 잘 모르겠습니다.

감사

Leron

답변

1

당신이 당신의 페이지에 포함 한 CSS 파일에 넣어 (당신이 바로, CSS 파일이?). 이 같은 예를 들어

:

<link rel="stylesheet" type="text/css" href="styles.css" /> 

그리고는 styles.css 파일에 원하는 스타일의 정의를 넣어. 그게 전부입니다.

+0

글쎄, 이것이 해결책이지만, 기본 CSS 파일에 직접 입력하지 않고 액션 열 자체를 정의 할 수있는 방법이 없는지 궁금합니다. – Leron

+0

어쨌든이 일을합니다. 감사. 다른 옵션을 사용할 수있는 경우 여기에 솔루션을 게시하십시오. – Leron

+0

제 의견으로는 어쨌든 스타일 정의를 분리하는 더 깨끗한 해결책입니다. 그러나 관계없이 아이콘 정의 내에서 스타일을 정의하는 것은 지원되지 않습니다 - [ExtJS documentation on ActionColumn] (http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid)을 참조하십시오. .column.Action-cfg-items)를 참조하십시오. – Tommi