| |
javascript与ASP小问题(高分)在线等,急~!!!
|
|
作者： 是否忘记了一切
01-01 08:00
回复
|
|
在一个DataList里的ItemTemplate里有一个服务器端的CheckBox,
没一行都是一条数据
编号 姓名 年龄 部 门 选择
1001 张三 24 销售部 □(checkBox)
1002 李四 22 财务部 □(checkBox)
... ... .. ...
按钮1 按钮2
----------------------------------------------
当点击按钮1时,checkBox所选中的那一行进入edit状态(即显示EditItemTemplate并对其进行编辑)
需要用javacript来控制
请各位高手帮写这样一个javascript
在下感激不尽,要多少分给多少分!!!! |
|
| |
回复：javascript与ASP小问题(高分)在线等,急~!!!
|
|
作者： fantiny
01-01 08:00
回复
|
|
-------------------------------
CHECKBOX单选版本
-----------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var intEditMode = 0;
function EditTB(){
var objForm;
var objChkFlag;
var i;
var j;
var objParentTR;
if(intEditMode == 1){
alert("ﾏﾖﾔﾚｴｦﾓﾚｱ狆ｭﾗｴﾌｬ｣ｬﾇ・ﾈｱ｣ｴ・);
return false;
}
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
if(objChkFlag[i].checked){
objParentTR = objChkFlag[i].parentElement.parentElement;
for(j=0; j<objParentTR.childNodes.length -1; j++){
if(typeof(objParentTR.childNodes[j].childNodes[0].type) == "undefined"){
objParentTR.childNodes[j].innerHTML = "<input type=text value=" + objParentTR.childNodes[j].innerText + ">";
intEditMode = 1;
}
}
}
}
}
function SaveTB(){
var objForm;
var objChkFlag;
var i;
var j;
var objParentTR;
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
if(objChkFlag[i].checked){
objParentTR = objChkFlag[i].parentElement.parentElement;
for(j=0; j<objParentTR.childNodes.length -1; j++){
if(typeof(objParentTR.childNodes[j].childNodes[0].type) != "undefined"){
objParentTR.childNodes[j].innerText = objParentTR.childNodes[j].childNodes[0].value;
intEditMode = 0;
}
}
}
}
}
function CheckOnly(obj){
var objForm;
var objChkFlag;
var i;
var blnRet;
blnRet = obj.checked;
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
objChkFlag[i].checked = false;
}
obj.checked = blnRet;//blnRet?false:true;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="formData">
<TABLE id="tbData" style="border: 1px solid;">
<TR>
<TD>td11</TD>
<TD>td12</TD>
<TD>td13</TD>
<TD>td14</TD>
<TD><INPUT TYPE="checkbox" NAME="chkFlag" onclick="CheckOnly(this)"></TD>
</TR>
<TR>
<TD>td21</TD>
<TD>td22</TD>
<TD>td23</TD>
<TD>td24</TD>
<TD><INPUT TYPE="checkbox" NAME="chkFlag" onclick="CheckOnly(this)"></TD>
</TR>
</TABLE>
<INPUT TYPE="button" onclick="EditTB()" value=ｱ狆ｭ>
<INPUT TYPE="button" onclick="SaveTB()" value=ｱ｣ｴ・
</FORM>
</BODY>
</HTML>
-------------------------------
单选版本
-----------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var intEditMode = 0;
function EditTB(){
var objForm;
var objChkFlag;
var i;
var j;
var objParentTR;
if(intEditMode == 1){
alert("现在有表格处于编辑状态，请先保存");
return false;
}
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
if(objChkFlag[i].checked){
objParentTR = objChkFlag[i].parentElement.parentElement;
for(j=0; j<objParentTR.childNodes.length -1; j++){
if(typeof(objParentTR.childNodes[j].childNodes[0].type) == "undefined"){
objParentTR.childNodes[j].innerHTML = "<input type=text value=" + objParentTR.childNodes[j].innerText + ">";
intEditMode = 1;
}
}
}
}
}
function SaveTB(){
var objForm;
var objChkFlag;
var i;
var j;
var objParentTR;
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
if(objChkFlag[i].checked){
objParentTR = objChkFlag[i].parentElement.parentElement;
for(j=0; j<objParentTR.childNodes.length -1; j++){
if(typeof(objParentTR.childNodes[j].childNodes[0].type) != "undefined"){
objParentTR.childNodes[j].innerText = objParentTR.childNodes[j].childNodes[0].value;
intEditMode = 0;
}
}
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="formData">
<TABLE id="tbData" style="border: 1px solid;">
<TR>
<TD>td11</TD>
<TD>td12</TD>
<TD>td13</TD>
<TD>td14</TD>
<TD><INPUT TYPE="radio" NAME="chkFlag"></TD>
</TR>
<TR>
<TD>td21</TD>
<TD>td22</TD>
<TD>td23</TD>
<TD>td24</TD>
<TD><INPUT TYPE="radio" NAME="chkFlag"></TD>
</TR>
</TABLE>
<INPUT TYPE="button" onclick="EditTB()" value=ｱ狆ｭ>
<INPUT TYPE="button" onclick="SaveTB()" value=ｱ｣ｴ・
</FORM>
</BODY>
</HTML>
-----------------------------
JS的功能我就给你写出来了。
ASP的内容怎么放就要看你怎么定义了。
代码自己修改一下好了，我这个复数选择也是没关系的。
-----------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function EditTB(){
var objForm;
var objChkFlag;
var i;
var j;
var objParentTR;
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
if(objChkFlag[i].checked){
objParentTR = objChkFlag[i].parentElement.parentElement;
for(j=0; j<objParentTR.childNodes.length -1; j++){
if(typeof(objParentTR.childNodes[j].childNodes[0].type) == "undefined"){
objParentTR.childNodes[j].innerHTML = "<input type=text value=" + objParentTR.childNodes[j].innerText + ">";
}
}
}
}
}
function SaveTB(){
var objForm;
var objChkFlag;
var i;
var j;
var objParentTR;
objForm = document.formData;
objChkFlag = objForm.chkFlag;
for(i=0; i<objChkFlag.length; i++){
if(objChkFlag[i].checked){
objParentTR = objChkFlag[i].parentElement.parentElement;
for(j=0; j<objParentTR.childNodes.length -1; j++){
if(typeof(objParentTR.childNodes[j].childNodes[0].type) != "undefined"){
objParentTR.childNodes[j].innerText = objParentTR.childNodes[j].childNodes[0].value;
}
}
}
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="formData">
<TABLE id="tbData" style="border: 1px solid;">
<TR>
<TD>td11</TD>
<TD>td12</TD>
<TD>td13</TD>
<TD>td14</TD>
<TD><INPUT TYPE="checkbox" NAME="chkFlag"></TD>
</TR>
<TR>
<TD>td21</TD>
<TD>td22</TD>
<TD>td23</TD>
<TD>td24</TD>
<TD><INPUT TYPE="checkbox" NAME="chkFlag"></TD>
</TR>
</TABLE>
<INPUT TYPE="button" onclick="EditTB()" value=ｱ狆ｭ>
<INPUT TYPE="button" onclick="SaveTB()" value=ｱ｣ｴ・
</FORM>
</BODY>
</HTML> |
|
| |
回复：javascript与ASP小问题(高分)在线等,急~!!!
|
|
作者： kxl361
06-24 22:27
回复
|
|
楼主要asp+js实现吗？？ |
|
| |
回复：javascript与ASP小问题(高分)在线等,急~!!!
|
|
作者： ZHRX
06-24 22:27
回复
|
|
如果是ASP其实用另一个页面就可以实现：
编号 姓名 年龄 部 门 选择 编辑
1001 张三 24 销售部 □(checkBox) 编辑
1002 李四 22 财务部 □(checkBox) 编辑
记录中编辑的代码：<a heft=*.asp?bh=<%=rs("编号")%>>编辑</a>
在*.asp编辑这条记录即可
如果是asp.net用过程即可实现
如果使用javascript的缺点：1、代码十分复杂，尤其是数据库连接；2、变量不好兼容；3、由javascript传输服务器是否存在问题？ |
|
|
