使用FlexiGrid实现Extjs表格的效果

近一段时间Extjs真的是风光无限好,只要是个做CRM/HRM之类的企业现在都在琢磨怎么在项目中用它,不过兄弟我可是不敢,原因很简单:太大/太笨/源码不好调试。但是对于Extjs漂亮的表格与功能的强大,实在是让我垂涎三尺,记得以前有个老外同志写过一个类似的Extjs的Jquery插件,所以就在Jquery的插件海洋中一顿海找,呵呵,还真让我找到了。看来还是我的Jquery好,小巧简单好像一部好的汽车引擎,我想要什么就可以自已DIY,真是方便。

总体方案在网络传输上不超过80KB,速度比500KB大小的Extjs不知道要小上多少哪。。。

有段时间不写东西了,怕说的不清楚。有需要代码的朋友可以访问我的网盘:http://www.box.net/shared/khhs7olp1p


不过由于FlexiGrid在互联网上的大部分资料都是用PHP或者java写的,所以兄弟简单的对它进行了改制,也做了一个山寨版的Extjs表格实现,希望对大家有帮助。

基本使用:

时间: 2024-08-31 20:04:20

使用FlexiGrid实现Extjs表格的效果的相关文章

使用FlexiGrid实现Extjs表格效果方法分享_jquery

近一段时间Extjs真的是风光无限好,只要是个做CRM/HRM之类的企业现在都在琢磨怎么在项目中用它,不过兄弟我可是不敢,原因很简单:太大/太笨/源码不好调试.但是对于Extjs漂亮的表格与功能的强大,实在是让我垂涎三尺,记得以前有个老外同志写过一个类似的Extjs的Jquery插件,所以就在Jquery的插件海洋中一顿海找,呵呵,还真让我找到了.看来还是我的Jquery好,小巧简单好像一部好的汽车引擎,我想要什么就可以自已DIY,真是方便.总体方案在网络传输上不超过80KB,速度比500KB大

extjs表格文本启用选择复制功能具体实现_extjs

extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的文本是不能被选中的,自然也是无法复制的. 而选择复制文本的需要也是很平常的,于是我们就需要自己动手来解决这个问题,实现extjs的grid文本选择复制功能. 说明一点,文中所列出的代码片断都是在当前ext 4.0.2a版本下的,其它版本未做测试,请自行斟酌. 首先自定义一下样式,来覆盖默认的css样式: 复制代码 代码如下: <style type="text/css"> .x-selectable, .x

我想做一个可编辑表格的效果,求资料,求代码,求理论,求原理

问题描述 样子如图 功能:1.有一个带 * 的待编辑行2.一个带 标识 的正在编辑行 我的环境是  mye 9 , jdk 6 , tomcat 6 ,web 项目 解决方案 用extjs或者miniui等等都可以做到解决方案二:如果直接用插件,就不做,而叫改....解决方案三:如果只是单纯的点击td出来一个输入框 建议还是自己用jquery写个插件吧,用富js框架反而不能灵活的控制个性化样式,给td绑定click事件append一个input应该不难吧,然后监听这个input的blur事件就可

js兼容标准的表格变色效果_javascript技巧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

很弱的js表格换行效果(表格移动行)_页面背景

1 11 上移 下移 2 22 上移 下移 3 33 上移 下移 4 44 上移 下移 5 55 上移 下移

[ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel

使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将grid表格导出到excel,使用的是前端导出,不涉及后端. 源代码打包下载 将源代码嵌入到应用中 查看导出按钮以及导出效果 扩展支持sum统计和groupsum分组 源代码打包下载 本次使用的是github上的一个开源项目Exporter 下载地址:https://github.com/iwiznia

网页制作学习:三种表格效果

网页 li实现表格的效果 <style>ul{display:inline;}li{list-style-type:none;float:left; width:190px; height:22px; text-align:left;text-indent:4px;border:#3A8B3E 1px solid;}</style><ul><li>A</li><li>B</li><li>C</li>

CSS UL LI布局实现表格效果

  今天带了一篇简短的教程,用CSS的UL LI制作实现一个表格,以往听说CSS实现表格并不好,还不如直接用传统的TABLE来实现,其实我不这么认为,如果你CSS非常熟练了,用CSS来实现表格同样很省事,不信就看一下这个代码吧: 最后来看下表格的效果,还不错吧,而且兼容火狐.Chrome等浏览器.

《阿玛拉王国:惩罚》宝石效果和配方表格

合成宝石的碎片一共有3种,从低到高的前缀分别Cxxxx.Lxxxx和Pxxxx.两块低级的碎片可以合成一块更高级的碎片.因为三种碎片慢慢试太麻烦所以我就没有写具体数值,只用大小来区分,请注意这里的大和小是在合成宝石的2个碎片等级相同时的数值大小,不同等级的碎片混合合成数值会有变动,大家自己试试吧.一般来说两个最低级碎片合成的宝石,它的属性只有最高级碎片合成的宝石的50%到60%左右. 总结下宝石的镶嵌与锻造问题 如果是socket镶嵌的话,宝石是什么类型的就只能镶嵌入什么孔. 锻造的话 法师武器