easyui的折叠面板的使用

easyui创建一个可折叠的面板非常的方便,只需要写一个

标记并使用easyui自带的css样式即可。

一、引入easyui的样式文件和js文件




二、接下来写一个

标记,并将其的class属性设置为“easy-panel”,title属性设置为“clxpanel”,data-option属性设置为

     “iconCls:'icon-save',collapsible:true”。

My first panel

接下来运行,结果如下图:

easyui的折叠面板的使用_第1张图片

iconCls属性所使用的图标可以自定义,可参考这篇文章:easyUI自定义icon

注意事项:

标签中的title属性必须添加,否则折叠面板会失效。

你可能感兴趣的:(easyui,折叠面板,easyui)