JavaScript:ListView示例

代码如下：

<style>

<!--

body { font-size: 10px }

table { font-size: 12px }

-->

</style>

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>

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>

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>

<tr>

document.write( "<object classid='clsid:BDD1F04B-858B-11D1-B16A-00C0F0283628' style = 'width:" + (document.body.clientWidth - 150) + ";height:" + document.body.clientHeight + "' id='myList'></object> ")

</script>

编号

</td>

名称

</td>

价格

</td>

备注

</td>

编号

</td>

</tr>

101

</td>

53度特酿

</td>

186

</td>

1*6

</td>

</td>

</tr>

102

</td>

52趵突泉特酿

</td>

128

</td>

1*6

</td>

</td>

</tr>

103

</td>

39度精品趵突泉特酿

</td>

</td>

1*6

</td>

</td>

</tr>

104

</td>

34度趵突泉特酿

</td>

45.8

</td>

1*6

</td>

</td>

</tr>

105

</td>

36度趵突泉特酿

</td>

25.8

</td>

1*6

</td>

</td>

</tr>

106

</td>

38度趵突泉特酿

</td>

15.8

</td>

1*6

</td>

</td>

</tr>

107

</td>

39度趵突泉特酿

</td>

10.58

</td>

1*6

</td>

</td>

</tr>

108

</td>

39度五年趵突泉陈酿

</td>

19.8

</td>

1*6

</td>

</td>

</tr>

109

</td>

39度八年趵突泉陈酿

</td>

29.8

</td>

1*6

</td>

</td>

</tr>

110

</td>

58度珍品趵突泉特酿

</td>

288

</td>

1*4

</td>

</td>

</tr>

111

</td>

52度250ml趵突泉特酿

</td>

</td>

1*8

</td>

</td>

</tr>

123

</td>

38度趵突泉特酿（金）

</td>

</td>

1*6

</td>

</td>

</tr>

124

</td>

38度趵突泉特酿（银）

</td>

</td>

1*6

</td>

</td>

</tr>

114

</td>

32度趵突泉特酿

</td>

</td>

1*6

</td>

</td>

</tr>

120

</td>

39度锦绣川特酿（瓷）

</td>

19.8

</td>

1*12

</td>

</td>

</tr>

121

</td>

36度趵突泉特酿（瓷瓶）

</td>

</td>

1*6

</td>

</td>

</tr>

122

</td>

34度趵突泉特酿（瓷瓶）

</td>

</td>

1*6

</td>

</td>

</tr>

207

</td>

48度趵突泉特曲

</td>

</td>

1*6

</td>

</td>

</tr>

210

</td>

44度趵突泉特曲

</td>

3.8

</td>

1*6

</td>

</td>

</tr>

211

</td>

44度新趵突泉特曲

</td>

4.2

</td>

1*6

</td>

</td>

</tr>

214

</td>

44度趵突泉白酒

</td>

1.5

</td>

1*10

</td>

</td>

</tr>

216

</td>

44度趵突泉二曲

</td>

1.4

</td>

1*10

</td>

</td>

</tr>

218

</td>

39度万竹园特酿

</td>

</td>

1*20

</td>

</td>

</tr>

218

</td>

39度万竹园特酿

</td>

</td>

1*12

</td>

</td>

</tr>

219

</td>

46度趵突泉桶装酒

</td>

15.8

</td>

1*6

</td>

</td>

</tr>

220

</td>

54度锦绣川桶装酒

</td>

</td>

1*4

</td>

</td>

</tr>

232

</td>

50趵突泉大曲

</td>

2.5

</td>

1*6

</td>

</td>

</tr>

235

</td>

50趵突泉老窖

</td>

</td>

1*6

</td>

</td>

</tr>

236

</td>

42度趵突泉陈酿

</td>

4.5

</td>

1*6

</td>

</td>

</tr>

245

</td>

42度趵突泉酒

</td>

</td>

1*6

</td>

</td>

</tr>

333

</td>

42度趵突泉佳酿

</td>

5.8

</td>

1*6

</td>

</td>

</tr>

336

</td>

38度趵突泉特酿

</td>

8.1

</td>

1*6

</td>

</td>

</tr>

339

</td>

38度趵突泉特酿

</td>

8.3

</td>

1*6

</td>

</td>

</tr>

125

</td>

38度礼品特酿（2瓶装）

</td>

158

</td>

1*2*4

</td>

</td>

</tr>

238

</td>

40度趵突泉酒

</td>

3.6

</td>

1*6

</td>

</td>

</tr>

262

</td>

46度趵突泉特酿

</td>

</td>

1*6

</td>

</td>

</tr>

263

</td>

46度趵突泉特酿

</td>

</td>

1*6

</td>

</td>

</tr>

242

</td>

44度趵突泉老窖

</td>

1.8

</td>

1*10

</td>

</td>

</tr>

117

</td>

38度礼品特酿

</td>

</td>

1*4

</td>

</td>

</tr>

244

</td>

42度趵突泉酒

</td>

</td>

1*6

</td>

</td>

</tr>

247

</td>

40度趵突泉酒

</td>

</td>

1*6

</td>

</td>

</tr>

126

</td>

54度礼品特酿（2瓶装）

</td>

488

</td>

1*2*4

</td>

</td>

</tr>

249

</td>

44度趵突泉特曲

</td>

4.53

</td>

1*6

</td>

</td>

</tr>

264

</td>

54度锦绣川佳酿

</td>

3.8

</td>

1*8

</td>

</td>

</tr>

265

</td>

44度锦绣川白酒

</td>

</td>

1*4

</td>

</td>

</tr>

252

</td>

44度卧虎山白酒

</td>

2.6

</td>

1*12

</td>

</td>

</tr>

253

</td>

38度趵突泉特酿（实惠型）

</td>

3.6

</td>

1*8

</td>

</td>

</tr>

253

</td>

38度趵突泉特酿（实惠型）

</td>

3.6

</td>

1*12

</td>

</td>

</tr>

254

</td>

38度125ml趵突泉特酿

</td>

</td>

1*24

</td>

</td>

</tr>

255

</td>

38度趵突泉酒

</td>

6.8

</td>

1*6

</td>

</td>

</tr>

256

</td>

35度趵突泉特曲

</td>

5.6

</td>

1*6

</td>

</td>

</tr>

258

</td>

46度趵突泉酒

</td>

4.8

</td>

1*6

</td>

</td>

</tr>

259

</td>

44度趵突泉特曲

</td>

3.8

</td>

1*6

</td>

</td>

</tr>

260

</td>

42度趵突泉特曲（简装）

</td>

3.18

</td>

1*6

</td>

</td>

</tr>

261

</td>

50度趵突泉特曲（捆扎）

</td>

</td>

1*10

</td>

</td>

</tr>

315

</td>

38度趵突泉特酿（招财进宝）

</td>

6.5

</td>

1*6

</td>

</td>

</tr>

318

</td>

42度趵突泉醇香

</td>

3.8

</td>

1*6

</td>

</td>

</tr>

321

</td>

42度趵突泉特曲

</td>

3.8

</td>

1*6

</td>

</td>

</tr>

323

</td>

38度趵突泉特酿

</td>

</td>

1*6

</td>

</td>

</tr>

326

</td>

39度趵突泉特酿（一级）

</td>

3.5

</td>

1*6

</td>

</td>

</tr>

329

</td>

44度趵突泉特酿

</td>

5.4

</td>

1*6

</td>

</td>

</tr>

331

</td>

44度趵突泉特酿

</td>

5.8

</td>

1*6

</td>

</td>

</tr>

332

</td>

44度趵突泉酒

</td>

5.5

</td>

1*6

</td>

</td>

</tr>

339

</td>

38度趵突泉特酿

</td>

8.3

</td>

1*6

</td>

</td>

</tr>

259

</td>

44度趵突泉特曲

</td>

3.8

</td>

1*6

</td>

</td>

</tr>

</table>

</td>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

//function chageSize()

//{

//myList.width = document.body.clientWidth - 150

//myList.height = document.body.clientHeight

//alert(document.body.clientWidth - 150)

//setTimeout("chageSize()", 10)

//}

//chageSize()

</script>

[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]