去掉滚动空白
最近公司要做一组数据操作,需要实现的效果是。显示每个公司每个季度的产品,并求和,但是里面的产品数量是需要可以编辑的。 就像 编辑Excel一样,双击单元格,然后编辑数据,编辑完啦,还要更新到库里去 。 刚开始想到的是用GridView去实现,这样显示数据和编辑数据方便,但是 问题来了,我怎么像Excel一样双击就可以编辑呢,GridView是需要点击“编辑”按钮,才可以编辑的,和需求相差很大啊。而且还要实现很好的用户体验,不要全部页面的刷新,那样很不好的。。。 考虑到这个,就直接用Ajax吧。用Ajax显示数据很简单,直接用js写一个table,或者在Ajax方法里面写就OK啦,但是要实现编辑,怎么弄呢? 和同事商量以后,决定用如下的方法解决。 同样是table,但是显示数据的是HTML的文本框,双击的时候才可以编辑,这个好实现。 显示数据的时候,设置input type="text"的样式为不显示边框就可以啦,双击的时候改变样式显示边框就ok啦。 按照这样的算法,主要的代码如下: Code function fun_GetCompanyList(type) { //利用ajax类里面的方法得到想要的数据,然后在GetProgram_Target_CallBack函数里面显示table Program_Target.GetProgram_Target("产品1",type