ActiveWidgets Grid 使用很吊的Grid

wanchong998

浏览: 235580 次
性别:
来自: 济南

最近访客更多访客>>

muerzi

ella110727

altian

flzlovexfy

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Extjs

UI C C++C#

<html>
<head>
<title>ActiveWidgets Examples</title>
<style>body {font: 12px Tahoma}</style>


<script src="./runtime/lib/aw.js"></script>
<link href="./runtime/styles/system/aw.css" rel="stylesheet"></link>


<style>
#myGrid {height: 220px; width: 100%;}       /* 设置Grid宽度高度 */

#myGrid .aw-alternate-even {background: #efe}     /* 设置奇数行颜色 */
#myGrid .aw-alternate-odd {background: #def}     /* 设置偶数行颜色 */
#myGrid .aw-grid-row {border-bottom: 1px dashed #ccc}     /* 设置行边的虚线 */
#myGrid .aw-mouseover-row {background: #ccc}       /* 设置划过行颜色 */
#myGrid .aw-grid-row {color: #000000}         /* 设置行内容字体颜色 */

#myGrid .aw-column-0 {text-align: left}       /* 设置列0为居左 */
#myGrid .aw-column-1 {text-align: center}       /* 设置列1为居中 */
#myGrid .aw-column-2 {text-align: right}       /* 设置列2为右对齐 */
</style>
</head>
<body>


<span id="myGrid"></span><br>
<span id="myLabel"></span>

<p>
   <script>
var myData = [
[1, "World",   1018057389, 2005, "world"],
[2, "European Union", 247000000, 2006, "eu"],
[3, "United States", 205326680, 2005, "us"],
[4, "China",   123000000, 2006, "cn"],
[5, "Japan",   86300000, 2005, "jp"],
[6, "India",   60000000, 2005, "in"],
[7, "Germany",   50616000, 2006, "de"],
[8, "United Kingdom", 37600000, 2005, "gb"],
[9, "Korea South", 33900000, 2005, "kr"],
[10, "France",   29945000, 2006, "fr"] // no comma in the last line
];
var myHeaders = ["Id","Rank", "Country", "Internet users", "Data from"];

var grid = new AW.UI.Grid;
grid.setId("myGrid");
grid.setHeaderText(myHeaders);
grid.setCellData(myData);
grid.setColumnCount(5);
grid.setRowCount(10);

grid.setSelectorVisible(true);
grid.setSelectorWidth(50);
grid.setSelectorText(function(r){return this.getRowPosition(r)+1}); // 加载行标号

grid.setSelectionMode("multi-row-marker"); // 列中加入checkboxes
grid.refresh();

var label = new AW.UI.Label;
label.setId("myLabel");

label.refresh();

grid.onSelectedRowsChanged = function(rowIndicesArray){
label.setControlText("rows: [" + rowIndicesArray + "]");
var c= "["+rowIndicesArray+"]";
alert(c.length);

}

      </script>
</p>

</body>
</html>

别忘记加runtime这个文件包

不次于Extjs Grid这个

分享到：

Extjs Grid 编辑 | extjs tree异步加载完整版

2008-07-10 10:12
浏览 4208
评论(1)
查看更多

1 楼 hanyoud 2008-08-12

这个是要钱的 ExtJs现在还是免费的
不能比
不知道哪位能不能提供一个免费的最新的是2.5.2

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论