一个类似Listview的效果

最新推荐文章于 2021-07-02 10:29:17 发布

u014660335

最新推荐文章于 2021-07-02 10:29:17 发布

阅读量351

点赞数

本文链接：https://blog.csdn.net/u014660335/article/details/24113783

版权

一个类似Listview的效果

<title>列表</title>
<style>

</style>
<script language = 'javascript'>
function InitList(theList, theTable, iEnd, iId, checkIt)
{
var colWidth = (document.body.clientWidth - 200) / iEnd
with(theList)
{
View = 3
BorderStyle = 0
GridLines = true
Checkboxes = checkIt
FullRowSelect = true
LabelEdit = 1

for(var i = 0; i < iEnd; i ++)
{
ColumnHeaders.Add(i + 1, 'Col' + i, theTable.rows[0].cells[i].innerText, colWidth) //, 100, myAlign)
}
for(var i = 1; i < theTable.rows.length; i ++)
{
myList.ListItems.Add( i, 'Key' + theTable.rows[i].cells[iId -1].innerText.replace(" ", ""), theTable.rows[i].cells[0].innerText.replace(" ", ""))
for(var j = 1; j < iEnd; j ++)
{
ListItems(i).SubItems(j) = theTable.rows[i].cells[j].innerText.replace(" ", "")
}
}
Sorted = true
}
}
</script>
<script language = 'javascript' for = 'myList' event = 'ColumnClick(ColumnHeader)'>

if(ColumnHeader.SubItemIndex == myList.SortKey)
{
if(myList.SortOrder == 0) myList.SortOrder = 1
else myList.SortOrder = 0
}
else
{
myList.SortKey = ColumnHeader.SubItemIndex
if(myList.SortOrder == 0) myList.SortOrder = 1
else myList.SortOrder == 0
}
</script>
<script language = 'javascript' for = 'myList' event = 'ItemClick(Item)'>
var theValue = ""

theValue = Item.Text + Item.Key
for(i = 1; i <= Item.ListSubItems.Count; i ++) theValue = theValue + "\n" + Item.ListSubItems(i).Text
myValue.value = theValue
</script>
<body onload = 'InitList(myList, myTale, 4, 5, false)' scroll = 'no' bgcolor = 'buttonface' topmargin='0' leftmargin='0'>
<table border='0' cellpadding='0' cellspacing='0' style='border-collapse: collapse' width='100%' height='100%'>
<tr>
<td nowrap>
<script language = 'javascript'>
document.write( "<object classid='clsid:BDD1F04B-858B-11D1-B16A-00C0F0283628' style = 'width:" + (document.body.clientWidth - 150) + ";height:" + document.body.clientHeight + "' id='myList'></object> ")
</script>

<table border = '1' id = 'myTale' style = 'display:none'>
<tr id = 'tablehead'>
<td id = 'mytd'>
编号
</td>
<td id = 'mytd'>
名称
</td>
<td id = 'mytd'>
价格
</td>
<td id = 'mytd'>
备注
</td>
<td id = 'mytd'>
编号
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
101
</td>
<td id = 'mytd'>
53度特酿
</td>
<td id = 'mytd'>
186
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
16
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
102
</td>
<td id = 'mytd'>
52趵突泉特酿
</td>
<td id = 'mytd'>
128
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
17
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
103
</td>
<td id = 'mytd'>
39度精品趵突泉特酿
</td>
<td id = 'mytd'>
60
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
18
</td>
</tr>
<tr id = 'mytr'>
<td id = 'mytd'>
104
</td>
<td id = 'mytd'>
34度趵突泉特酿
</td>
<td id = 'mytd'>
45.8
</td>
<td id = 'mytd'>
1*6
</td>
<td id = 'mytd'>
19
</td>
</tr>