全部

我想做一个功能请大家进来看看吧

talent1314 2011-03-04 01:56:42

我想用JavaScript的代码在表格中做出和EXECL一样的效果按回车光标自动到下面的一行按回车光标自动向到上面一行请大家教教我吧我是一点思路都没有唉....

...全文

147 点赞收藏 9

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

coolbamboo2008 2011-03-05

2楼思路不错，结贴吧

回复赞

biristone 2011-03-05

2L V5! 至于EXCEL样式，还是要好好看看DOM

建议用层里面套TABLE，TABLE里方TEXT再加个CSS来实现EXCEL样式：
<span id="CriteriaPart" jwcid="@wade:Part" optimize="true" align="center">
<div id="CriteriaPane" jwcid="@Any" nowrap="nowrap" style="display:none;width:15%;border:1;z-index:10" class="newmyinputbox">
<div>
<table id="CriteriaTable" border="1">
<span>已选客户经理:</span>
</table>
</div>
</div>
</span>
用JS来获取以上层里的TABLE和TEXT对象。

增加表格对象：
function addMGRList(panename,tablename,listname)
{
getElement(panename).style.display = "";
var octobject = getElement(tablename);

for(var i=0;i<$F(listname).split(",").length;i++)
{
var newTr = octobject.insertRow();
var newTd = newTr.insertCell();
newTd.innerHTML = $F(listname).split(",")[i];
}
}

删除表格对象：
function clearMGRList(panename,tablename)
{
var octobject = getElement(tablename);
for(var j=0;j<octobject.rows.length;j++)
{
octobject.rows[j].removeNode(true);
j--;
}
getElement(panename).style.display = 'none';
}

这只是我用到的，具体做成什么样，LZ研究下DOM对象和CSS。

回复赞

BearKin 2011-03-05

[Quote=引用楼主 talent1314 的回复:]
我想用JavaScript的代码在表格中做出和EXECL一样的效果按回车光标自动到下面的一行按回车光标自动向到上面一行请大家教教我吧我是一点思路都没有唉....
[/Quote]

2L的实现方式即可拦截keydown事件(keyclick也可以) 然后根据keyCode决定接下来的操作(比如拦截回车将returnValue改成false 而其他情况则正常返回returnValue)

虽然我并不太知道你现在的excel是咋解决的(至少拦截键盘事件的方式你知道了) 不过我出个损招

就是加个excel表格的背景图木哈哈..

回复赞

arkor 2011-03-05

楼上的人好牛逼啊

回复赞

talent1314 2011-03-05

大家再帮忙想想吧谢谢大家了

回复赞

jackey_ctdw 2011-03-04

思路很好

顶一下

模拟做做看

回复赞

haixiang710 2011-03-04

对键盘上的按键事件进行控制
我们可以利用以下脚本来监听网页中的键盘事件，一旦用户按下Enter键便开始你绑定的事件。

01. function getKey(e){
02. e = e || window.event;
03. var keycode = e.which ? e.which : e.keyCode;
04. if (keycode == 13 || keycode == 108){ //如果按下ENTER键
05. //在这里设置你想绑定的事件
06. }
07. }
08.
09. // 把keyup事件绑定到document中
10. function listenKey ( ) {
11. if (document.addEventListener) {
12. document.addEventListener( "keyup" ,getKey, false );
13. } else if (document.attachEvent) {
14. document.attachEvent( "onkeyup" ,getKey);
15. } else {
16. document.onkeyup = getKey;
17. }
18. }
最后附上，键盘中所有按钮的keycode一览

字母和数字键的键码值(keyCode)
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111
控制键键码值(keyCode)
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Down Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up A

通过监测用户按了ENTER键,来处理表格.

回复赞