发一个半成品。table添加、删减行,单元格添加、修改、删除标记,对于指定标记默认生成显示,浮动定位且不会产生水平导航条

joyhen 2013-04-26 02:44:47
加精
之前弄其它东西的ui雏形,代码简单,基本都是jq在操作,想来可以做一些事,比如做预定、楼层标记,我是用来做工作流的,一样可行。先上图吧
默认这个样子:

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

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

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

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

全部代码这里:
http://download.csdn.net/detail/joyhen/5303800
有疑问可M我的哈
...全文
9262 87 打赏 收藏 转发到动态 举报
写回复
用AI写文章
87 条回复
切换为时间正序
请发表友善的回复…
发表回复
sinat_27240015 2015-09-17
  • 打赏
  • 举报
回复
请问里面有读取填入数据的值的功能吗?希望能增加列的删减或增加功能吗?
gz5182009 2013-07-19
  • 打赏
  • 举报
回复
真心是牛人啊
delphi20007 2013-07-08
  • 打赏
  • 举报
回复
支持,顶一下
战神龙翼 2013-07-04
  • 打赏
  • 举报
回复
下载试试,研究一下
H_Gragon 2013-06-09
  • 打赏
  • 举报
回复
x_jefferson 2013-05-15
  • 打赏
  • 举报
回复
多谢分享。。
福惜 2013-05-14
  • 打赏
  • 举报
回复
继续研究!~
hjzhlc 2013-05-14
  • 打赏
  • 举报
回复
引用 48 楼 Joyhen 的回复:
[quote=引用 47 楼 z81434362 的回复:] 说实话没什么亮点啊....我建议你做个单元格拖动的效果...那还值得拿出来晒晒
当下的table插件很多都实现了拖动了,看看这个:http://trirand.com/blog/jqgrid/jqgrid.html New in version 3.3中的Row Drag and Drop 这儿更多:http://www.cnblogs.com/MaxIE/archive/2010/09/28/1837795.html[/quote] 这个确实不错,jqGrid现在就用在项目上
u010626337 2013-05-09
  • 打赏
  • 举报
回复
继续努力,加油
kingjia123 2013-05-08
  • 打赏
  • 举报
回复
[九零] 2013-05-07
  • 打赏
  • 举报
回复
东西不错,多谢楼主的分享,学习了
u010583296 2013-05-06
  • 打赏
  • 举报
回复
哈哈哈哈哈哈哈 ,太棒了
zhongfulihhh 2013-05-06
  • 打赏
  • 举报
回复
不好意思,刚才发错了
zhongfulihhh 2013-05-06
  • 打赏
  • 举报
回复
dsdsdsdsdsdsd[u][/u]
15112501083 2013-05-04
  • 打赏
  • 举报
回复
good,very good
  • 打赏
  • 举报
回复
支持 已下载 study
xuan.ye 2013-05-03
  • 打赏
  • 举报
回复
做预订挺好的
bopengli 2013-05-03
  • 打赏
  • 举报
回复
多谢分享。。
u010532377 2013-05-02
  • 打赏
  • 举报
回复
多谢分享...
wusuobuaiai 2013-05-02
  • 打赏
  • 举报
回复
支持 顺便标记下
加载更多回复(54)

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧