源代碼:
<script>
function showUrl(value){
return "" + value + "";
}Ext.onReady(function(){
var data = [
["優酷", "youku", "www.youku.com"],
["搜狐", "sohu", "www.sohu.com"],
["新浪", "sina", "www.sina.com.cn"],
["百度", "baidu", "www.baidu.com"],
["網易", "163", "www.163.com"]
]; var store = new Ext.data.SimpleStore({data:data, fields:["name", "simpleAddr", "netAddr"]}); var colModel = new Ext.grid.ColumnModel([
{header:"網站名稱", dataIndex:"name", sortable:true},
{header:"網站簡稱", dataIndex:"simpleAddr", sortable:true},
{header:"網站地址", dataIndex:"netAddr", renderer:showUrl}
]);
new Ext.grid.GridPanel({
renderTo:"gridDis",
title:"網站列表",
height:200,
width:500,
cm:colModel,
store:store,
autoExpandColumn:2
});
});
</script>效果圖:
我把showUrl function里面改為:
function showUrl(value){
return "<a href='"+ value +"'>" + value + "</a>";
}結果鏈接的地址不正確
效果圖:
1 2
<script>
function showUrl(value){
return "" + value + "";
}Ext.onReady(function(){
var data = [
["優酷", "youku", "www.youku.com"],
["搜狐", "sohu", "www.sohu.com"],
["新浪", "sina", "www.sina.com.cn"],
["百度", "baidu", "www.baidu.com"],
["網易", "163", "www.163.com"]
]; var store = new Ext.data.SimpleStore({data:data, fields:["name", "simpleAddr", "netAddr"]}); var colModel = new Ext.grid.ColumnModel([
{header:"網站名稱", dataIndex:"name", sortable:true},
{header:"網站簡稱", dataIndex:"simpleAddr", sortable:true},
{header:"網站地址", dataIndex:"netAddr", renderer:showUrl}
]);
new Ext.grid.GridPanel({
renderTo:"gridDis",
title:"網站列表",
height:200,
width:500,
cm:colModel,
store:store,
autoExpandColumn:2
});
});
</script>效果圖:
我把showUrl function里面改為:
function showUrl(value){
return "<a href='"+ value +"'>" + value + "</a>";
}結果鏈接的地址不正確
效果圖:
1 2
function showUrl(value){
return "<a href='http://"+ value +"' target='_blank'>" + value + "</a>";
}
這樣就可以了,但是按照它說的是它內部封裝好了的,會自動加鏈接,但是直接return value就不行,不知道什么原因。