日期:2014-05-18  浏览次数:20584 次

我的B/S情结困惑
我的B/S情结困惑

现在写B/S模式,总觉得其在用户交互方面很单一,没有C/S模式那样丰富。

如在数据库中有[学生]表,现在做一界面来维护此表数据,能够对用户录入的数据进行批量修改,想法如下:
用JSP做一个类似于表格界面操作的模块,
在此表格上面有   [学号][姓名][性别]三列,

当用户在某一行的   [学号]这一列录入了一数据后,到库中去查找其对应的数据,并将匹配数据填写到表格的[姓名][性别]两列,供其修改。
用户在表格中可以一次填写很多行数据。

在C/S模式方面只要用一些相关的OCX控件就可以实现,但在B/S模式下怎么实现呢!主要有以下难题

1.     <table> </Table>   要实现动态增加 <TR>   、 <TD> ,以便用户录入。
2.     在[学号]一列中录入数据后,应提取并在对应的行上显示[姓名][性别]两列数据,同时又不能将其它行的数据冲掉。这点采用AJAX能够实现吗?

不知道在open-open上有没有这种类型的例子。

恳请高手指点。




------解决方案--------------------
就是用Ajax来实现,我们在项目中已经实现了。
其实很简单的。
------解决方案--------------------
其实现在b/s中实现这种动态编辑已经很简单了
------解决方案--------------------
javascript就可以动态增加啊!
------解决方案--------------------
DHTML
------解决方案--------------------
先开个头 随手写个 抛砖引玉

<input type= "button " value= "add " onclick= "addrow() ">
<table border= '1 ' id=sonTable>
</table>

<SCRIPT LANGUAGE= "JavaScript ">
<!--
var curCount=0;
function addrow(){
var curRowID=sonTable.rows.length
var tr1=sonTable.insertRow(sonTable.rows.length);
tr1.id= "tr "+curCount;
tr1.align= "center ";
tr1.bgColor= "#FFFFFF ";
var td1=tr1.insertCell();
td1.innerHTML= "aaa ";
var td2=tr1.insertCell();
td2.innerHTML= "bbb ";
var td3=tr1.insertCell();
td3.innerHTML= "ccc ";

curCount++;
}
//-->
</SCRIPT>