日期:2014-05-17  浏览次数:20663 次

发一个半成品。table添加、删减行,单元格添加、修改、删除标记,对于指定标记默认生成显示,浮动定位且不会产生水平导航条
之前弄其它东西的ui雏形,代码简单,基本都是jq在操作,想来可以做一些事,比如做预定、楼层标记,我是用来做工作流的,一样可行。先上图吧
默认这个样子:

添加删除行,如果当前行有标记的td会提示你的,且浮动小框会根据tr位置自动改变(自己尝试下):

点击td出个小框,在小框输入内容确定了就会标记你点击的td,如果有标记的td再次点击它可进行修改
随便填一些东西看看效果:

当你的点击的td靠近页面右侧时,浮动的小框可能会撑坏页面,所有调整了js保证不出现水平导航(当然,外围最大的容器div宽度自己可以调整哈,可以看页面顶部的css)
构建一个json,可以异步去提交,然后自行处理这个json就行了

假如有这个几个td是被标记的,我想页面显示它们怎么搞,我也搞了个例子,会自动生成对应行数的tr,代码里面有说明,可细看

全部代码这里:
http://download.csdn.net/detail/joyhen/5303800
有疑问可M我的哈
table jq

------解决方案--------------------
多谢分享。。
------解决方案--------------------
LZ好人  。。。
------解决方案--------------------
多谢楼主....
------解决方案--------------------
引用:
感谢lz分享,帮你推荐

去http://bbs.csdn.net/topics/390422723登记下,额外有100可用分送哦。


引用:
1、高端工控技术普及风暴来袭 赢话费+万元数码大奖 1、跟靳老师学PKS;2、剑指AB PLC编程和组态;3、OPC网络通讯机制简析.... http://t.cn/zT5VP6v 第二期万元大奖活动! http://t.cn/zTVmtgQ “推荐好友 共赢积分”活动——推荐人与被推荐人都可赢得50个奖励积分! http://t.cn/zTShHFE 

。。。
------解决方案--------------------
支持,顶一下
------解决方案--------------------
向楼主学习,向楼主致敬
------解决方案--------------------
好东西收藏了
------解决方案--------------------
感谢lz分享,帮你推荐

去http://bbs.csdn.net/topics/390422723登记下,额外有100可用分送哦
------解决方案--------------------
支持,顶一下!
------解决方案--------------------
感谢分享
------解决方案--------------------
谢谢分享~~~
------解决方案--------------------
好东西,顶楼主
------解决方案--------------------
很好很强大哦
------解决方案--------------------

------解决方案--------------------
额,我想你去看一下Knockout.js估计能做出更好玩的东西
------解决方案--------------------