html原生listview,Html中使用M$控件系列之 ListView 篇

本文详细介绍了如何在HTML中使用ListView控件实现列表展示、排序及数据行点击响应等功能,并提供了具体的实现代码。

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

html中使用m$控件系列之 listview 篇

copyright by cheery_ke,2002,all reserved

–>

listviewex

        16777215(白)–>

    16777215(白)–>

//排序,响应列标题点击事件

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;    //反向排序

}

}

//–>

//读取参数,响应数据行点击事件

for (i=1; i < 10; i++)

{

if ( item == listview1.listitems(i).text )

{

window.location.href = "listviewex.htm?" + item

}

}

//–>

//初始化,定制结构并填充数据

//增加一个新的列,方式一:

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"

}

//–>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值