<!--
html中使用m$控件系列之 listview 篇
copyright by cheery_ke,2002,all reserved
-->
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>listviewex</title>
</head>
<body>
<p>
<object classid="clsid:bdd1f04b-858b-11d1-b16a-00c0f0283628" id="listview1">
<param name="_extentx" value="19844"> <!--宽-->
<param name="_extenty" value="8890"> <!--长-->
<param name="sortkey" value="0"> <!--排序关键字：按照第 value + 1 列排序-->
<param name="view" value="3"> <!--显示模式，0：大图标||1：小图标||2：列表||3：报告-->
<param name="arrange" value="1">
<param name="labeledit" value="0"> <!--编辑模式，0：手动||1：自动-->
<param name="sortorder" value="0"> <!--排序模式，0：升序||1：降序-->
<param name="sorted" value="1"> <!--允许手动排序，0：否||1：是-->
<param name="multiselect" value="1"> <!--多选模式，0：启用||1：禁用-->
<param name="labelwrap" value="1">
<param name="hideselection" value="1">
<param name="hidecolumnheaders" value="0"> <!--列标题模式，0：显示||1：隐藏-->
<param name="allowreorder" value="1"> <!--允许列重排序，0：否||1：是-->
<param name="checkboxes" value="0"> <!--复选框模式，0：隐藏||1：显示复选框-->
<param name="flatscrollbar" value="0"> <!--平面滚动条，0：否||1：是-->
<param name="fullrowselect" value="1"> <!--整行选取模式，0：禁用||1：启用-->
<param name="gridlines" value="0"> <!--窗格显示，0：隐藏||1：显示-->
<param name="hottracking" value="0"> <!--热追踪模式，0：禁用||1：启用-->
<param name="hoverselection" value="0"> <!--悬停是否变色，0：否||1：是-->
<param name="picturealignment" value="0">
<param name="textbackground" value="0">
<param name="_version" value="393217">
<param name="forecolor" value="0"> <!--前景颜色，0（黑）<->16777215（白）-->
<param name="backcolor" value="16777215"> <!--背景颜色，0（黑）<->16777215（白）-->
<param name="borderstyle" value="1"> <!--边框模式，0：隐藏||1：显示-->
<param name="appearance" value="0"> <!--style模式，0：平面||1：3d-->
<param name="mousepointer" value="0"> <!--cursor-->
<param name="enabled" value="1"> <!--响应用户，0：否||1：是-->
<param name="oledragmode" value="1"> <!--脱动模式-->
<param name="oledropmode" value="1"> <!--放置模式-->
</object>
</p>
<script language="jscript" for="listview1" event="columnclick(columnheader)">
<!--//
//排序，响应列标题点击事件
if (columnheader == column1) //如果点击的是第一列标题
{
listview1.sortkey = 0; //更改当前排序关键字为第一列
if (listview1.sortorder == 0)
{
listview1.sortorder = 1; //反向排序
}
else
{
listview1.sortorder = 0; //反向排序
}
}
if (columnheader == column2) //如果点击的是第二列标题
{
listview1.sortkey = 1; //更改当前排序关键字为第二列
if (listview1.sortorder == 0)
{
listview1.sortorder = 1; //反向排序
}
else
{
listview1.sortorder = 0; //反向排序
}
}
//-->
</script>
<script language="jscript" for="listview1" event="itemclick(item)">
<!--//
//读取参数，响应数据行点击事件
for (i=1; i < 10; i++)
{
if ( item == listview1.listitems(i).text )
{
window.location.href = "listviewex.htm?" + item
}
}
//-->
</script>
<script language="javascript">
<!--//
//初始化，定制结构并填充数据
//增加一个新的列，方式一：
listview1.columnheaders.add();
listview1.columnheaders(1).width = "0";
listview1.columnheaders(1).key = "c1";
listview1.columnheaders(1).text = "";
//增加一个新的列，方式二：
listview1.columnheaders.add(2,"c2","column1","400");
//增加一个新列。
listview1.columnheaders.add();
listview1.columnheaders(3).width = "400";
listview1.columnheaders(3).key = "c3";
listview1.columnheaders(3).text = "column2";
//此处定一个数组，仅做演示排序之用
var arr = new array;
arr[1] = "q"
arr[2] = "w"
arr[3] = "e"
arr[4] = "r"
arr[5] = "t"
arr[6] = "y"
arr[7] = "u"
arr[8] = "i"
arr[9] = "o"
for (j = 1; j < 10; j++)
{
//增加一行数据，参数分别为序号，key，首列text
//也可采用另一种方式：
//obj = listview1.listitems.add();
//listview1.listitems(j).key = w + j; 此处加一字母w是因key值不允许以数字开头
//listview1.listitems(j).text = j;
obj = listview1.listitems.add(j,w + j , j);
//增加行中的其他列数据
obj.subitems(1) = j + "qqqq";
obj.subitems(2) = arr[j] + "wwww"
}
//-->
</script>
</body>
</html>
文章整理：站长天空 网址：http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
