easyui datagrid的 toolbar 使用js设置的,怎么换行

2025-01-08 07:32:13
推荐回答(2个)
回答1:

其实,不管是在html页面写,还是用js设置,toolbar原理上都是一个div

只要你在div里能实现换行就行了啊。

如:

$("#dg").datagrid({
    //不知道直接写字符行不行,官方说这儿是需要一个selector的。
    toolbar: "
我是第一行
我是第二行
"
});

这样不就可以了?

//你可能是想要这样吧?
$('#dg').datagrid({
toolbar: [{
iconCls: 'icon-edit',
handler: function(){alert('edit')}
},'-',{
iconCls: 'icon-help',
handler: function(){alert('help')}
}]
});

但是,上面的这种写法,只适应于简单的toolbar。像你这样的,比较复杂一点的,我觉得还是selector吧。

回答2:

//工具栏 toolbar: [{
text:'添加用户信息',
iconCls: 'icon-add',
handler: function(){
addCustomer();
}
},'-',{
text:'修改用户信息',
iconCls: 'icon-edit',
handler: function(){
updateCustomer();
}
},'-',{
text:'删除用户信息',
iconCls: 'icon-remove',
handler: function(){
delCustomer();
}
}]