Skip to content

提交tangram grid组件 #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hafeyang wants to merge 3 commits into
base: master
Choose a base branch
from
Open

提交tangram grid组件 #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
83c11e2
tangramgrid初始导入
hafeyang Oct 25, 2011
81d59a8
更新index.html
hafeyang Oct 25, 2011
68e2e8d
'what?'
hafeyang Nov 28, 2011
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions src/tangramgrid/.project
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>tangramgrid</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
</buildSpec>
<natures>
</natures>
</projectDescription>
50 changes: 50 additions & 0 deletions src/tangramgrid/demos/columnfreeze.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tangram Grid Column Freeze</title>
<script type="text/javascript" src="../tangram/tangram-1.3.9.source.js"></script>
<script type="text/javascript" src="../tangram/tangram.baseUI.source.js"></script>
<script type="text/javascript" src="../tangram/tangram.grid.js"></script>
<script type="text/javascript" src="../tangram/tangram.grid.columnfreeze.js"></script>
<link rel="stylesheet" href="../resources/tangram.grid.css" />
</head>
<body>
<h2>列冻结</h2>

<div id="freezecolgrid"></div>

<script type="text/javascript">
//初始化
var griddemo = new baidu.ui.Grid({
element:"freezecolgrid",
freeze:3,//冻结前三列
columns:[
{field:'id',width:30,renderer:"checkbox"},
{field:'name',header:"机器名称",width:300},
{field:'creator',header:"创建人",width:200},
{field:'dataKey',header:"dataKey",width:400,align:"right",renderer:function(data){return data.cellvalue+"-formated";}},
{field:'lastVersion',header:"lastVersion",width:200},
{field:'canAddVersion',header:"是否可以添加版本",width:200,renderer:function(data){return data.cellvalue=="1"?"是":"否"}},
{field:'createTime',header:"创建时间",width:180}
],
height:180,
hoverhighlight:true,
loadMask:true,
selectMode:1,
url:"noahdata.json",
ajaxOption:{
method:"POST",
data:"a=1"
}
});

//ajax加载数据
griddemo.request();

</script>
<input type="button" value="隐藏机器名称列" onclick="griddemo.hideColumn('1');" />
<input type="button" value="显示机器名称列" onclick="griddemo.showColumn('1');" />
<input type="button" value="按照机器名称排序" onclick="griddemo.reOrder('1','asc');" />
</body>
</html>
Loading