前台框架EasyUI的弹出框dialog,样式调整总结

  项目开发使用到了前台框架EasyUI进行开发,因为它开发简单,容易入手,有详细的api支持,能够加快项目的开发进度,降低项目开发成本。

  下面对最近使用到的关于EasyUI的弹出框dialog,样式调整进行简单总结:

  1.设置弹出框可以最小化,最大化,可折叠,可缩放

  前台框架EasyUI的弹出框dialog,样式调整总结_第1张图片

 2.在datagrid中设置,点击某一条数据进行操作时,设置蒙版效果使用striped:true属性

前台框架EasyUI的弹出框dialog,样式调整总结_第2张图片

其他更详细的datagrid的data-options属性介绍,查看JQuery EasyUI API

 3.设置包含dialog的外部<div></div>的height属性:当dialog中的内容超多了指定的height,右侧会出现一个滚动条

  前台框架EasyUI的弹出框dialog,样式调整总结_第3张图片

界面展示:

前台框架EasyUI的弹出框dialog,样式调整总结_第4张图片

4.设置<table></table>下的td的width属性 和 colspan调整样式

前台框架EasyUI的弹出框dialog,样式调整总结_第5张图片

界面展示:

前台框架EasyUI的弹出框dialog,样式调整总结_第6张图片

技术学习,仅此小结


   

你可能感兴趣的:(框架,easyui,样式调整)