十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
目标:实现一个类似于Excel功能的Grid数据维护功能,并且就地编辑在乎的是Cell编辑而不是行编辑
公司主营业务:成都网站设计、做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出雨山免费做网站回馈大家。
候选者:easy-ui之datagrid, jqgrid, flexigrid
使用环境:jquery, bootstrap,bootstrap-datepicker
特性要求:
1. 列排序和列宽改变
2. 行颜色改变和样式
3. 表头排序,表头改变顺序
4. cell inline editing
5. 易于定制和扩展
上面上个没有没有一个本身就能满足所有的功能
其中easy-ui datagrid缺乏列重排序和Cell edit的功能
jqgrid缺乏列重排
flexgrid缺乏就地编辑的功能
幸运的是它们每一个自己改改都能实现自己的功能,其中flexgrid个人觉得最轻量级最灵活,所以给他配上in-place edit插件,然后利用它的process回调函数,所有功能特性全部满足了,主要是干干净净,看着就舒服。而且它的UI非常像EXTJS,个人非常喜欢,还有是表头的拖拽功能,隐藏显示功能都非常要用。
jqgrid 2008年就搞过,功能非常丰富,它处理复杂Grid,比如嵌套grid,组合表头都很棒,但是它很多东西严重依赖JQuery UI来搞,皮肤都是Jquery Ui的,如果项目中用了JQuery UI,那么使用它作为JQuery UI在Grid方面的功能实现,是非常棒的;
EasyUI是近年流行的JQuery下类ExtJS的UI库,它提供了完整的一套UI组件,并且日趋成熟,如果整个系统都是由EasyUI做的,那么用EasyUI也是很棒的,但是我却不喜欢它默认的风格,觉得某些方面不如EXTJS那么细腻。
排序的关键是这两个属性: sortname: 'eight', //默认表格加载时根据eight列排序
sortorder: 'asc', //默认的排序方式,跟数据库的asc,desc一样
加上sortable:true就能排序,并不是加在colModel中。
在jquery里可以直接用isNaN(),因为他是JavaScript的类库。是由JavaScript语言写的。
例如:
script type="text/javascript"
$(document).ready(function(){
alert(isNaN($('#id').val()));
});
/script可以直接使用