2009-07-16 7 views
0

나는 다음과 같은 한이 :cfgrid를하고 cfajaximport의 마우스 오버

<cfajaximport/> 
<html> 

<head> 
<script> 

myf = function(data,cellmd,record,row,col,store) { 
if(data == "Product 4") 
return "<b>" + data + "</b>";  
else return data; 
} 
testgrid = function() { 
mygrid = ColdFusion.Grid.getGridObject('data'); 
ds = mygrid.getDataSource(); 
cm = mygrid.getColumnModel(); 
cm.setRenderer(0, Ext.util.Format.usMoney); 
cm.setRenderer(1,myf); 

} 

</script> 
</head> 

<body> 

<cfset data = queryNew("price,product")> 
<cfloop from=1 to=10 index="x"> 
<cfset total = randRange(20,100) & "." & randRange(1,99)> 
<cfset product = "Product #X#"> 
<cfset queryAddRow(data)> 
<cfset querySetCell(data, "price", total+0, x)> 
<cfset querySetCell(data, "product", product, x)> 
</cfloop> 

    <cfform name="test"> 
    <cfgrid autowidth="true" name="data" format="html" query="data" width="600"> 
    <cfgridcolumn name="price" header="Price"> 
    <cfgridcolumn name="product" header="Product"> 
    </cfgrid> 
    </cfform> 

    <cfset ajaxOnLoad("testgrid")> 
    </body> 
    </html> 

레이몬드 캠든의 블로그에서 왔는데. 어떻게 든 제품 세부 정보를 표시하는 제품 열에 mouseover 이벤트를 추가해야합니다. (비용과 같은).

이 이벤트를 구현하는 방법에 대한 도움이 필요하십니까?

답변

0

나는 쿼리 셀 안에 html을 만들었습니다.

<cfset product = 

'<a href="##" onMouseOver="javascript:showWin(''dsp_productDetails.cfm?pid='' & Product#x# & '') onMouseOut="javascript:cleanup()">' & Product#x# & '</a>'> 

그렇지 않으면 extJs로 재생해야합니다.