首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

JS固定表格前面两列,其余数据可以左右拖动解决方法

2012-01-19 
JS固定表格前面两列,其余数据可以左右拖动现在项目要做这个功能,本人JS太烂了,想在论坛上请教下各位大大,

JS固定表格前面两列,其余数据可以左右拖动
现在项目要做这个功能,本人JS太烂了,想在论坛上请教下各位大大,希望有人能指教。说思路或发代码都行!(额,本人是刚来CSDN的新手没啥分的,分少了点各位不要怪罪才好)

[解决办法]
ext中有这个功能,具体的忘记了。楼主百度一下,顺便帮顶
[解决办法]
js里面有个drag()实现拖拽吧。如果是前两行就直接return false;
否则通过取行的offsetLeft和offsetTop的值来定位行的位置,从而实现拖动。

只是我的思想,没试过。
[解决办法]
更正一下
dragable是拖拽整个元素移位
resizable是拖拽导致改变元素区域,你的需求应该是resizable

dragable和resizable都是Jquery提供的接口,你可以用以下简单例子看一下示范:

<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<style type="text/css">
#resizable { width: 100px; height: 100px; background: silver; }
</style>
<script>
$(document).ready(function() {
$("#resizable").resizable();
});
</script>
</head>
<body style="font-size:62.5%;">
  
<div id="resizable"></div>

</body>
</html>

更多说明可查阅: 
http://docs.jquery.com/UI/Resizable

热点排行