不是很明白你的意思,看看这个对你有没有帮助--------------------------<HTML>
<HEAD>
<style>
table
{
border:1px solid black;
}
td
{
border:1px solid black;
width:100px;
}
</style>
</HEAD>
<BODY>
<XML ID="xmlParts">
<?xml version="1.0" ?>
<parts>
<part>
<partnumber>A1000</partnumber>
<description>Flat</description>
<quantity>1000</quantity>
</part>
<part>
<partnumber>S2300</partnumber>
<description>Machine</description>
<quantity>1000</quantity>
</part>
<part>
<partnumber>M2400</partnumber>
<description>Nail</description>
<quantity>500</quantity>
</part>
<part>
<partnumber>S23001</partnumber>
<description>Sert</description>
<quantity>10400</quantity>
</part>
<part>
<partnumber>M2700</partnumber>
<description>Magic</description>
<quantity>5020</quantity>
</part>
</parts>
</XML>
<div style="height:200px;">
<table border="0" cellpadding="2" cellspacing="0" datasrc=#xmlParts id="tb1" datapagesize="2">
<tr>
<td><div datafld="partnumber"></div></td>
<td><div datafld="description"></div></td>
<td><div datafld="quantity"></div></td>
</tr>
</table>
</div>
<INPUT type="button" value=" << " onClick="tb1.firstPage()">
<INPUT type="button" value=" < " onClick="tb1.previousPage()">
<INPUT type="button" value=" > " onClick="tb1.nextPage()">
<INPUT type="button" value=" >> " onClick="tb1.lastPage()">
</BODY>
</HTML>
<HEAD>
<style>
table
{
border:1px solid black;
}
td
{
border:1px solid black;
width:100px;
}
</style>
</HEAD>
<BODY>
<XML ID="xmlParts">
<?xml version="1.0" ?>
<parts>
<part>
<partnumber>A1000</partnumber>
<description>Flat</description>
<quantity>1000</quantity>
</part>
<part>
<partnumber>S2300</partnumber>
<description>Machine</description>
<quantity>1000</quantity>
</part>
<part>
<partnumber>M2400</partnumber>
<description>Nail</description>
<quantity>500</quantity>
</part>
<part>
<partnumber>S23001</partnumber>
<description>Sert</description>
<quantity>10400</quantity>
</part>
<part>
<partnumber>M2700</partnumber>
<description>Magic</description>
<quantity>5020</quantity>
</part>
</parts>
</XML>
<div style="height:200px;">
<table border="0" cellpadding="2" cellspacing="0" datasrc=#xmlParts id="tb1" datapagesize="2">
<tr>
<td><div datafld="partnumber"></div></td>
<td><div datafld="description"></div></td>
<td><div datafld="quantity"></div></td>
</tr>
</table>
</div>
<INPUT type="button" value=" << " onClick="tb1.firstPage()">
<INPUT type="button" value=" < " onClick="tb1.previousPage()">
<INPUT type="button" value=" > " onClick="tb1.nextPage()">
<INPUT type="button" value=" >> " onClick="tb1.lastPage()">
</BODY>
</HTML>
上面的这个程序离题了 我的意思是你们知道工作流软件里的表单生成器吧 我做的和那一个东东差不多客户的操作流程是(1)先拖进来一个表格(生成表格)->(2)选一个数据库字段拖到某个表格->(3)点表单保存(把它设计的页面的HTML保存到服务端)->(4)引用表单(重定向到刚才保存下来的页面)浏览表单并填写
页面上有个表格
<table border="1" width="100%" id="table1">
<tr>
<td> </td>
</tr>
</table> 同时页面的左面有个列表特殊的表关联(算是数据字典吧)出难题的客户要求是它选一个列表里的某一项如人员表Unit里的Name字段之后拖到表格里中此操作后这个表格的HTML
变成了下面这样<table border="1" width="100%" id="table1">
<tr>
while(!rs.eof){
"<td>"+rs.name+"</td>"
}
</tr>
</table>
动态控制表格绑定的数据库字段请帮忙我菜的很苦恼绝望什么滋味现在都有
首先:把列表中可能用到的字段都放到xml文件中下载到客户端,然后,在选择的时候动态去绑定,详细方法可以google查阅"xml数据岛"
谢谢您 直接动态的写表格的HTML不行吗?
<tr>
<td><div datafld="partnumber"></div></td>
<td><div datafld="description"></div></td>
<td><div datafld="quantity"></div></td>
</tr>
</table>
我要的是要客户自己动态的绑定表格的datasrc 不好意思
<HEAD>
<TITLE>编辑界面</TITLE>
</HEAD>
<body onload="docu_onload()"><script language="javascript">
var obj;
function editPage( FrameObject ){
if( window.frames(FrameObject.name).document.designMode!="On"){
window.frames(FrameObject.name).document.open();
window.frames(FrameObject.name).document.writeln("<body style='font-size:12px' >");
window.frames(FrameObject.name).document.close();
window.frames(FrameObject.name).document.designMode="On";
window.frames( FrameObject.name ).document.execCommand("MultipleSelection");
}
obj = FrameObject;
}
function docu_onload() {
window.frames(0).document.designMode = "On";
window.frames(0).document.open();
window.frames(0).document.writeln("<table><tr><td width=40 bgcolor=#000000 height=40 border=1> </td></tr></table>");
window.frames(0).document.close();
}
</script>
<input type="button" name="script" value ="script" onclick="alert(window.frames(obj.name).document.body.innerHTML);">
<table width="100%" height="100%">
<tr>
<td height="200"><IFRAME id="frame1" name="frame1" height="200" marginWidth=1 marginHeight=1 scrolling=yes > </IFRAME></td><td height="200"><IFRAME id="frame2" onfocus="editPage(this)" name="frame2" height="200" onfocus="" marginWidth=1 marginHeight=1 scrolling=yes ></td></tr>
</table>
</body>
</html>
你的意思是不是,象上面的代码一样,能把左边的黒框拽到右边,得到右边的html代码
就是这么个东西 怎么弄呢?
再作不出来就死的像猪一样难看了
还是让用户选择在.asp页面中显示那些字段啊?
搂住说明白点儿啊
谢谢盼望中!!!!....
前台的拖动超麻烦,建议改成点击选择建个配置表config
字段数和你那个表一样,
插一条数据
用它来保存用户的配置数据
一个字段对应你的表中的一字段的显示与否.asp页中显示数据时
取出配置表中的数据
cfrs.open "select * from config ",conn
参考你的用vbs写:
<table border="1" width="100%" id="table1">
<tr>
<%do while not rs.eof
for i=0 to cfrs.fields.count-1
if cfrs.fields(i).value="show" then
response.write("<td>"+rs.fields(i).value+"</td>")
end if
next
rs.movenext
loop%>
</tr>
</table>
'-----------------
<table border="1" width="100%" id="table1">
<tr>
while(!rs.eof){
"<td>"+rs.name+"</td>"
}
</tr>
</table>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
</head>
<body>
<SCRIPT language=javascript>
function fOnDragStart(str){
window.event.dataTransfer.effectAllowed="all";
window.event.dataTransfer.setData("Text", str);
}
function fOnDrop()
{
var Obj = event.srcElement;
if( Obj == null )
return false;
while(Obj)
{
if( Obj.tagName.toLowerCase() == "td" )
break;
Obj = Obj.parentElement;
}
Obj.style.backgroundColor = "#FFFFFF"
idstring=window.event.dataTransfer.getData("Text");
if (idstring==null) return false;
Obj.innerHTML += idstring
}
function fOnDragOver()
{
var Obj = event.srcElement;
while(Obj)
{
if( Obj.tagName.toLowerCase() == "td" )
break;
Obj = Obj.parentElement;
}
Obj.style.backgroundColor = "blue"
event.returnValue = false;
if (window.event.dataTransfer.getData("Text"))
window.event.dataTransfer.dropEffect = "link";
}
</SCRIPT>
<table width="60" border="1" align="left" cellpadding="0" cellspacing="0" style="display:top">
<tr>
<td><img id="字段1" src="" width="16" height="16" onDragStart="fOnDragStart(this.id)">字段1</td>
</tr>
<tr>
<td><img id="字段2" src="" width="16" height="16" onDragStart="fOnDragStart(this.id)">字段2</td>
</tr>
<tr>
<td><img id="字段3" src="" width="16" height="16" onDragStart="fOnDragStart(this.id)">字段3</td>
</tr>
</table>
<table width="320" height="24" border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr bgcolor="#FFFFFF">
<td id="td1" onDragEnter=fOnDragOver() onDrop=fOnDrop() onDragOver=fOnDragOver() onDragLeave="this.style.backgroundColor ='#FFFFFF'" bgColor=#ffffff></td>
<td id="td2" onDragEnter=fOnDragOver() onDrop=fOnDrop() onDragOver=fOnDragOver() onDragLeave="this.style.backgroundColor ='#FFFFFF'" bgColor=#ffffff></td>
<td id="td3" onDragEnter=fOnDragOver() onDrop=fOnDrop() onDragOver=fOnDragOver() onDragLeave="this.style.backgroundColor ='#FFFFFF'" bgColor=#ffffff></td>
<td id="td4" onDragEnter=fOnDragOver() onDrop=fOnDrop() onDragOver=fOnDragOver() onDragLeave="this.style.backgroundColor ='#FFFFFF'" bgColor=#ffffff></td>
</tr>
</table>
</body>
</html>