模拟Windows Listview的HTC组件
减小字体
增大字体 for (var i = 0; i < 5; ++i)
{
data[0] = 'A ' + i + '';
lv1.addRow(data);
}
data[1] = "HH";
data[2] = "FF";
data[3] = '<span style="overflow:hidden">KKKKKSSSS呵呵</span>';
data[4] = "rr";
data[5] = "kk";
for (var i = 0; i < 5; ++i)
{
data[0] = '<span style="width:100%;height:100%;text-align:center">G ' + i + '</span>';
var row = lv1.addRow(data);
}
lv1.clearSelect();
lv1.selectRow(0, true);
}
function delCur()
{
var oldSel = lv1.selectedRows[0].rowIndex;
while (lv1.selectedRows.length > 0)
lv1.delRow(lv1.selectedRows[0].rowIndex);
lv1.selectRow(oldSel, true);
}
function wantEdit()
{
alert(event.rowIndex + "行想被编辑！");
}
function headClick()
{
alert("用户点击了第“" + event.colIndex + "”列，你可以排序，也可以什么都不干！");
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout" bgcolor="menu" style="FONT-SIZE: 9pt; OVERFLOW: hidden"
>
<span id="lv1" style="BORDER-RIGHT: thin inset; BORDER-TOP: thin inset; LEFT: 0px; BEHAVIOR: url(/spanClient/htc_listView.htc); BORDER-LEFT: thin inset; WIDTH: 100%; BORDER-BOTTOM: thin inset; TOP: 0px; HEIGHT: 80%; BACKGROUND-COLOR: white"
singleSelect='false' onwantedit="wantEdit()" onheadclick="headClick()" freezeCols='false'>
<xml>
<columns>
<column width="50" text="col1" style1="background-color: #DADFF1;" style2="background-color: #B9C1DD;"
style11="background-color: #DADFF1;" style22="background-color: #B9C1DD;" />
<column width="100" text="col2" style1="background-color: green;" style2="background-color: green;" />
<column width="100" text="col3" />
<column width="100" text="col4" />
<column width="100" text="col5" />
</columns>
</xml>
</span>
<br>
<br>
<input type="button" value="增加" style="WIDTH:60px;HEIGHT:23px" >
<input type="button" value="删除" style="WIDTH:60px;HEIGHT:23px" >
</body>
</HTML>
另外，还有两张图片：
headerBg.gif：
以及headerSplit.gif：
。
尽管这样反白，也不知道你能不能看清楚。
站内搜索
本类热门阅览
