|
锁定老帖子 主题：GT-Grid 1.0 基础教程(二)
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-12-02
itlieying 写道 var data1 = [ { no : 1 , name :'aaa', age : 12, gender : 'M' , english : 76.5 , chinese : 50, math :92 ,physic: 100}, { no : 2 , name :'bbb', age : 11, gender : 'F' , english : 89 , chinese : 50, math :87 ,physic: 100}, { no : 3 , name :'ccc', age : 13, gender : 'F' , english : 53 ,chinese : 50, math :62 ,physic: 100} ]; var dsConfig= { data : data1 , fields :[ {name : 'no' , type: 'int' }, {name : 'name' }, {name : 'age' , type: 'int' }, {name : 'gender' }, {name : 'english', type: 'float' }, {name : 'Chinese', type: 'float' }, {name : 'total1' , type: 'float', initValue : function(record){return record['english']+record['chinese'];}}, {name : 'math' , type: 'float' }, {name : 'physic', type: 'float' }, {name : 'total2' , type: 'float', initValue : function(record){return record['math']+record['physic'];}} ] }; var colsConfig = [ { id : 'no' , header : "学好" ,width : 50}, { id : 'name' , header : "你好" ,width:100}, { id : 'age' , header : "年龄" ,width:50}, { id : 'gender' , header : "性别" ,width:50, renderer : GT.Grid.mappingRenderer( { 'M':'男', 'F':'女'} , '未知' ) }, { id : 'english' , header : "英语" ,width:60}, { id : 'Chinese' , header : "语文" ,width:60}, { id : 'total1' , header : "文科总成绩" ,width:70 } { id : 'math' , header : "数学" ,width:60, align :'right'}, { id : 'physic' , header : "物理" ,width:60, align :'right'}, { id : 'total2' , header : "理科总成绩" ,width:70 } } ]; 提示找不到'total1'和'total2'列，请问fins,这个怎么解决？ 这个是什么原因？？ |
| 返回顶楼 | |
|
发表时间：2008-12-03
forgood :
你使用的是什么版本? |
| 返回顶楼 | |
|
发表时间：2008-12-03
请问fins，
我这里运行的时候出现问题， 在ie6里面提示有错误， ======================= 行：35，字符：80，错误：为结束的字符串变量， 而在firefox中能运行， 但是中文显示的是乱码，我的编码方式是utf-8， 请问这是怎么回事，谢谢先。 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache" />
<title>GT-Grid 教程示例</title>
<link rel="stylesheet" type="text/css" href="./gt_grid.css" />
<script type="text/javascript" src="gt_msg_cn.js"></script>
<script type="text/javascript" src="gt_grid_all.js"></script>
<script type="text/javascript" >
var data1 = [
{ no : 1 , name :'aaa', age : 12, gender : 'M' , english : 76.5 , math :92 },
{ no : 2 , name :'bbb', age : 11, gender : 'F' , english : 89 , math :87 },
{ no : 3 , name :'ccc', age : 13, gender : 'F' , english : 53 , math :62 }
];
var dsConfig= {
data : data1,
fields :[
{name : 'no' , type: 'int' , index : 'no' },
{name : 'name' , type: 'string' , index : 'name' },
{name : 'age' , type: 'int' , index : 'age' },
{name : 'gender' , type: 'string' , index : 'gender' },
{name : 'english', type: 'float' , index : 'english' },
{name : 'math' , type: 'float' , index : 'math' },
{name : 'total', type: 'float',initValue : function(record){
return record['english'] + record['math'];
}
}
]
};
var colsConfig = [
{ id : 'no',header : "学号", fieldName : 'no',width:60,align:'right'},
{ id : 'name',header : "姓名", fieldName : 'name'},
{ id : 'age',header : "年龄", fieldName : 'age'},
{ id : 'gender',header : "性别", fieldName : 'gender', width : 50 ,
renderer : GT.Grid.mappingRenderer( {'U': '未知' , 'M':'男', 'F':'女'} , '未知' )
}, //mappingRenderer是用来映射转义的，即把u转义为未知，m转义为男
{ id : 'english', header : "英语", fieldName : 'english'},
{ id : 'math', header : "数学", fieldName : 'math'},
{ id : 'total', header : "总成绩",width :70 ,align :'right',
renderer : function(value ,record,columnObj,grid,colNo,rowNo){
var total = record['total'];
if (total>170) {
total = '<span style="color:red" >'+ total +'</span>';
}else if (total<120) {
total = '<span style="color:blue" >'+ total +'</span>';
}
return total;
}
},
{ id : 'detail' , header : "详细信息" , width : 120,
renderer : function(value ,record,columnObj,grid,colNo,rowNo){
return '<a href=".?no='+record['no']+'" >'+ record['name'] +' 的详细信息</a>';
}
}
];
var gridConfig={
id : "grid1",
dataset : dsConfig ,
columns : colsConfig ,
container : 'grid1_container',
toolbarPosition : 'bottom',
toolbarContent : 'state'
};
var mygrid=new GT.Grid( gridConfig );
GT.Utils.onLoad( GT.Grid.render(mygrid) );
</script>
</head>
<body>
<!-- grid的容器. -->
<div id="grid1_container" style="width:700px;height:300px">
</div>
</body>
</html>
|
| 返回顶楼 | |
|
发表时间：2008-12-03
乱码问题已经解决。仍然谢谢。
|
| 返回顶楼 | |
|
发表时间：2008-12-10
问个问题，grid 的columns 表头上面加 个按钮 怎么做呢？
比如 表头 “性别”为一个按钮 点击有触发事件，或者不做成按钮，点击“性别”就有触发事件 |
| 返回顶楼 | |
|
发表时间：2008-12-11
waynero 写道 问个问题，grid 的columns 表头上面加 个按钮 怎么做呢？ 比如 表头 “性别”为一个按钮 点击有触发事件，或者不做成按钮，点击“性别”就有触发事件 column 有 hdRenderer 方法 在这个方法里 返回一段 html代码就可以了 hdRenderer 方法 下一版将改名叫 headRenderer |
| 返回顶楼 | |
|
发表时间：2009-02-12
问个问题 如何获得 gt-Grid 所有显示的表格的行或者列Id号呀 或者说如何给表格的Id赋值呀？？？？？
|
| 返回顶楼 | |
