如题。
补充：纯 html的，只有 javascript + html，求可用的例子，谢谢！
------解决方案--------------------------------------------------------
从弹框开始的吗？
可以做简单的博客类的，论坛类的
在到异步类的
在到html5
------解决方案--------------------------------------------------------
什么意思?
这样?
- HTML code
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>测试</title><script>function updateHTML(){ document.getElementById("dbclk").innerHTML="测试成功";}</script></head><body><table border="1" width="100%" id="table1"> <tr> <td id="dbclk" ondblclick="updateHTML();">双击此处</td> </tr> </table></body></html>
------解决方案--------------------------------------------------------
扩展GridView
http://blog.csdn.net/sandy945/article/details/6649346
把生成的html贴出来 就是你要的了
------解决方案--------------------------------------------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script>function ABC(){ var table1=document.getElementById("table1"); var tds=table1.getElementsByTagName("td"); for(var i=0;i<tds.length;i++) { tds[i].ondblclick=function(){ alert(this.innerHTML); } }}</script></head><body><table id="table1" border="1"> <tr><td>12345</td><td>67890</td></tr> <tr><td>abcde</td><td>fghij</td></tr> <tr><td>ABCDE</td><td>FGHIJ</td></tr></table><script>ABC()</script></body></html>
------解决方案--------------------------------------------------------
dom 的事件是冒泡的，所以不要为td设置dbclick事件
- HTML code
<table id="tb"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr> <td>4</td><td>5</td><td>6</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table> <br /> <div id="result"></div> <script type="text/javascript"> var TableDblClick = function (evt) { evt = evt.target || event.srcElement; if (evt.tagName == 'TD' && evt.parentNode.tagName == 'TR') { var rowIndex = evt.parentNode.rowIndex + 1; var cellIndex = evt.cellIndex + 1; document.getElementById('result').innerHTML = '当前点击的是第' + rowIndex + '行，第' + cellIndex + '列<br /><br />单元格的内容是:' + evt.innerHTML; } } window.onload = function () { document.getElementById('tb').ondblclick = function (evt) { return function () { TableDblClick(evt); } } (event); } </script>
------解决方案--------------------------------------------------------
你贴的图里面，稍微麻烦些的是分页
两种方案，一是数据量少的时候 一次加载，当前页显示，其他页隐藏。
二是采用异步加载的方式 就是 ajax
------解决方案--------------------------------------------------------
看来你不把 jQuery 插件机制叫做 javascript 啊！
如果使用 jQuery，那么不也是封装好的么。这跟你把代码封装到asp.net程序中去调用（用来影响到输出的html），反而更加不容易读。反倒是asp.net程序输出的html比较纯，要比jQuery代码好读多了。
------解决方案--------------------------------------------------------
反而更加不容易读 --> 相比起来反而更加不容易读
不知道在asp.net论坛要求“纯”是为了什么。其实直接在html/javascript论坛问这个就行了。