JavaScript后台代码操作HTML TABLE的方法

最新推荐文章于 2024-08-27 13:04:13 发布

weixin_34342992

最新推荐文章于 2024-08-27 13:04:13 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ranran/p/4081770.html

本文展示了如何使用ASP.NET在HTML表格中添加、显示文件信息，并提供了后台代码实现，包括读取服务器文件夹内的文件名并将其显示在表格中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var rowNum = 0,fileNum = 0; //行号与列号
var oNewRow; //定义插入行对象
var oNewCell1,oNewCell2; //定义插入列对象
var fileNum = 1;

function addFileToTable(strFile)
{
fileNum +=1;
rowNum = document.getElementById("NewFileList").rows.length;
oNewRow = document.getElementById("NewFileList").insertRow(rowNum);
oNewRow.id = "clientRow_" + fileNum;

//添加第一列
oNewCell1 = document.getElementById("NewFileList").rows[rowNum].insertCell(0);
oNewCell1.innerHTML = "<input type='Text' readonly='readonly' style='border:0px;width:100px;' value='" + getFileName(strFile) + "' />";

//添加第二列
oNewCell2 = document.getElementById("NewFileList").rows[rowNum].insertCell(1);
oNewCell2.innerHTML =" <span name=" + fileNum + " style='cursor:hand;color:Red; text-decoration:none; font-family:@HGP?????E;' onClick='DelClientRow(this);' >X</span>";
}

ASP.NET后台代码操作HTML TABLE的方法

例1：该方法是读取服务器上路经为"strFilePath"的文件夹中的所有文件，并显示在页面上ID为"OldFileList"的TABLE中，注意，这个TABLE的"runat=server"。
public void ShowFilesIn(string strFilePath)
{
OldFileList.Rows.Clear();
string[] strFileNames = GetFilesInServer(strFilePath);
for (int i = 0; i < strFileNames.Length; i++)
{
HtmlTableRow newRow = new HtmlTableRow();
newRow.ID = "serverRow_" + i;
HtmlTableCell cell1 = new HtmlTableCell();
HtmlTableCell cell2 = new HtmlTableCell();

cell1.InnerHtml = "<input type='Text' readonly='readonly' style='border:0px;width:90px;' value='" + strFileNames[i] + "' />";
cell2.InnerHtml = " <span name=" + strFileNames[i] + " style='cursor:hand;color:Red; text-decoration:none; font-family:@HGP?????E;' onClick='DelServerRow(this);' >X</span>";
newRow.Cells.Add(cell1);
newRow.Cells.Add(cell2);
OldFileList.Rows.Add(newRow);
}
}

转载于:https://www.cnblogs.com/ranran/p/4081770.html