b*********g 发帖数: 3005 | 1 边学边用,google了一下,
有个办法是用jquery, ajax定向数据到后台php
有个应用,实现phpMyAdmin的一个功能,
就是在当前页面对表格中的数据逐条更新(inline edit)
没事间去细看phpMyAdmin的实现方法
有个简单的思路,就是对每一个行数据(row)产生一个表单
生成一个代号唯一的提交按钮(submit),
对应这个submit按钮,生成一段为之服务的javascript
这样测试是可行的,可是生成页面会很大,
如果有上万条数据,页面就会包含上万段javascript
当然可以采用分页来解决这个问题
想来想去还是一个很笨的方法,有没有大牛能建议一个好一点的方法。
还有就是如何象phpMyAdmin中的一样,页面中一个链接指向
另一个php文件,但是点击以后不会刷新当前页面,这个是怎么操作的?? |
d****n 发帖数: 1637 | 2 phpmyadmin 是避免大页面显示。返回的记录虽然说10000多条,但是绝对没有完
全给客户。
你看看分页button是怎么实现的。
记录当先进度,然后返回操作。
那个提交不刷新是错觉吧?
ajax多简单啊,直接操作页面元素,tr, td, div, p
【在 b*********g 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 边学边用,google了一下, : 有个办法是用jquery, ajax定向数据到后台php : 有个应用,实现phpMyAdmin的一个功能, : 就是在当前页面对表格中的数据逐条更新(inline edit) : 没事间去细看phpMyAdmin的实现方法 : 有个简单的思路,就是对每一个行数据(row)产生一个表单 : 生成一个代号唯一的提交按钮(submit), : 对应这个submit按钮,生成一段为之服务的javascript : 这样测试是可行的,可是生成页面会很大, : 如果有上万条数据,页面就会包含上万段javascript
|
b*********g 发帖数: 3005 | 3 我试的这一段是真的提交不刷新,主要是动态页面,javascript控制
隐藏,排序,多表格输入,记录这些进度(状态)太麻烦了
看来我得再学习学习ajax怎么操作页面元素
【在 d****n 的大作中提到】![](/moin_static193/solenoid/img/up.png) : phpmyadmin 是避免大页面显示。返回的记录虽然说10000多条,但是绝对没有完 : 全给客户。 : 你看看分页button是怎么实现的。 : 记录当先进度,然后返回操作。 : 那个提交不刷新是错觉吧? : ajax多简单啊,直接操作页面元素,tr, td, div, p
|
d****n 发帖数: 1637 | 4 看来我愚了。
被更新的 td 有一个id
然后提交数据的时候不光走 server,
还catch一个 onlick 给 HTML DOM.
当 js 得到这个事件时候,直接给那个id的 display给关了。
排序什么的直接看display 或者跟踪的 属性是不是应该在排序数据里面。
【在 b*********g 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 我试的这一段是真的提交不刷新,主要是动态页面,javascript控制 : 隐藏,排序,多表格输入,记录这些进度(状态)太麻烦了 : 看来我得再学习学习ajax怎么操作页面元素
|
d****n 发帖数: 1637 | 5 如果你不介意用现成的 试试jqgrid , 看一会就该懂了。
ajax什么的都给包进去了。
http://www.trirand.com/blog/jqgrid/jqgrid.html |
b*********g 发帖数: 3005 | 6 我主要参考的是这一段代码,不过我确实要做一下局部刷新,否则
数据更新以后页面显示的还是以前的内容
如果没有form的话,光submit button是不会造成页面刷新的。
http://dimingchan.iteye.com/blog/807373
【在 d****n 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 看来我愚了。 : 被更新的 td 有一个id : 然后提交数据的时候不光走 server, : 还catch一个 onlick 给 HTML DOM. : 当 js 得到这个事件时候,直接给那个id的 display给关了。 : 排序什么的直接看display 或者跟踪的 属性是不是应该在排序数据里面。
|
b*********g 发帖数: 3005 | 7 如果有现成的我一般先拿来用再说,多谢啦 !
【在 d****n 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 如果你不介意用现成的 试试jqgrid , 看一会就该懂了。 : ajax什么的都给包进去了。 : http://www.trirand.com/blog/jqgrid/jqgrid.html
|
b*********g 发帖数: 3005 | 8 看了一下,还真不错,有一段php mysql的,正在研究
【在 d****n 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 如果你不介意用现成的 试试jqgrid , 看一会就该懂了。 : ajax什么的都给包进去了。 : http://www.trirand.com/blog/jqgrid/jqgrid.html
|
b*********g 发帖数: 3005 | |
a9 发帖数: 21638 | 10 其实还是挺简单的。
你在显示数据的时候,用这样显示
然后修改按钮的onclick
function(buttonseq)
{
var column0= findElementById("row." + buttonseq + ".columnn." + xxx);
......
}
然后jquery或prototype或其它的js库提交就可以了。
不管用什么库,基本原理都是这样的。返回的结果再显示也很简单。
【在 b*********g 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 受你启发,发现了这篇博文 : http://www.webhostingbreak.com/development/top-10-ajax-php-powe : 今天研究一下,省了我不少事情。 : 包子答谢一下。
|
d****n 发帖数: 1637 | 11 nice skill to learn.
here is my +1. dont need assign each td a separate id
);
【在 a9 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 其实还是挺简单的。 : 你在显示数据的时候,用这样显示 : 然后修改按钮的onclick : function(buttonseq) : { : var column0= findElementById("row." + buttonseq + ".columnn." + xxx); : ...... : : } : 然后jquery或prototype或其它的js库提交就可以了。
|
d****n 发帖数: 1637 | 12 谢谢啊
【在 b*********g 的大作中提到】![](/moin_static193/solenoid/img/up.png) : 受你启发,发现了这篇博文 : http://www.webhostingbreak.com/development/top-10-ajax-php-powe : 今天研究一下,省了我不少事情。 : 包子答谢一下。
|