extjs添加鼠标提示——如何给Grid、ComboBox添加title
效果图:
grid:
表格这个很简单,只要在它的columns里面添加render属性即可。
详见代码:
{
header: "出版社",
dataIndex: 'infoPublisher',
width: 100,
renderer:function(value,metadata,record,rowIndex,colIndex,store){
metadata.attr = "title=" + value;
return value;
},
}
combox:
下拉框代码:
xtype:"combo",
width:150,
id:"sellerCombo",
displayField:"infoName",
valueField:"infoCode",
typeAhead:true,
triggerAction:"all",
editable:true,
hideTrigger:false,
emptyText:'请选择书商',
tpl:'<tpl for="."><div class="x-combo-list-item" title="{infoName}" ext:qtitle="title" ext:qtip="{infoName} : {infoCode} tip" >{infoName}</div></tpl>',
再看下API文档的介绍:
其实就是改写(覆盖)他自带的html,通过 tpl 属性我们给每个节点标签插入了 title 属性!