jquery easyui怎么动态改treegrid表上的toolbar的按钮的样式和文字

jquery easyui怎么动态改treegrid表上的toolbar的按钮的样式和文字,第1张

toolbar内定义的iconCls 可以设置图标,text可以设置文本,disabled:true就可以禁用按钮
例如你可以看下demo
toolbar:[{
id:'btnadd',
text:'Add',
iconCls:'icon-add',
handler:function(){
$('#btnsave')linkbutton('enable');
alert('add')
}
},{
id:'btncut',
text:'Cut',
iconCls:'icon-cut',
handler:function(){
$('#btnsave')linkbutton('enable');
alert('cut')
}
},'-',{
id:'btnsave',
text:'Save',
disabled:true,
iconCls:'icon-save',
handler:function(){
$('#btnsave')linkbutton('disable');
alert('save')
}
}]

你可以自定义一个css样式 例如:
myPanelHead {
xx: xx
}
然后 panel的data-options里加上:headerCls:'myPanelHead'即可
注意该样式是加在head上的,你可以直接在head加样式。
如果非要加载title上,可以再加一个css样式
myPanelHead panel-title {
xx: xx
}
即可

这句代码一看就有语法错误,选择器后面跟着的应该是插件名。
你这个问题我给你分析一下,datagrid的工具栏实质上就是linkbutton,要禁用或启用一个linkbutton就要调用它的disable或enable方法,照你上面说的需求,点击修改按钮禁用本身、启用保存,代码如下:
handler : function() {// 这里是紧接着你的修改按钮的
// 注意ID为你初始化工具栏按钮对应的ID
$("#update")linkbutton("disable"); // 禁用修改按钮
$("#save")linkbutton("enable"); // 启用保存按钮
}

你好!
easyui中linkbutton按钮背景是使用background-image:
url('images/linkbutton_bgpng');来实现的,因此如果你需要改变背景,只要做张,进行一下替换就好了!!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13395246.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-28
下一篇 2023-07-28

发表评论

登录后才能评论

评论列表(0条)

保存