Appreciated your great help,Dear
...I find the root cause that the property should be "content: $('<div></div>'),"
But I'm confused still that,tooltip can't be displayed from the second row of datagrid..
<table id="dd"></table>
<script>
$(function(){
$('#dd').datagrid({
title:'datagrid',
width:300,
data:[
{id:1,name:'abc1',age:28},
{id:2,name:'abc2',age:28},
{id:3,name:'abc3',age:28},
{id:4,name:'abc4',age:28},
{id:5,name:'abc5',age:28},
],
columns:[[
{field:'id',title:'id'},
{field:'name',title:'name',formatter:function(val,row){
return '<a class="con" href="javascript:void(0)">'+val+'</a>';
}},
{field:'age',title:'age'}
]],
onLoadSuccess:function(){
$('.con').tooltip({
content: $('<div></div>'),
onUpdate: function(content){
content.datalist({
title:'datalist',
iconCls:'icon-tip',
width: 278,
height:120,
lines:true,
data:[
{title:'aaa'}
],
textField:'title'
});
},
onShow: function(){
var opts = $(this).tooltip('options');
$(opts.content).datalist('resize');
}
});
}
});
});
</script>