smartclient——ListGrid初探

时间比较紧，就只贴代码和注释，不赘述其他了，后续会补充说明。

//数据源

RestDataSource.create({
ID:"demoDataSource",
dataFormat:"json",
fields: [
{name: "ID",title:"ID",align:"left",showIf:"false"},//showIf:true/false设置是显示/隐藏；注意：name一定要与数据源中的列名一致
{name: "uName",title:"userName"},
{name:"uGender",title:"userGender"},
...
{name:"operateButton",title:"operate",align:"left",width:40}//操作列，此列用来显示操作按钮，“operateButton”列在数据源中并不存在
],
fetchDataURL:"list.do",//查询列表请求url
addDataURL:"save.do",//保存请求url
updateDataURL:"",
removeDataURL:""
});

ListGrid.create({

ID:"demoListGrid",
height:"300",
autoFetchData:false,//受否在页面加载时自动查询数据并填充到列表
showAllRecords: true, //显示所有记录
showRecordComponents: true,//显示组件，在下边创建组件时需要此属性来支持    
showRecordComponentsByCell: true,//在单元格中显示组件
canReorderRecords: true,//可以改变记录的顺序
selectionType: "single",//单选，只允许选中一行，不写默认为允许选中多行
showRowNumbers:true,//显示记录序号，默认从1开始
dataSource:demoDataSource,//数据源
rowClick:function(record,recordNum,fieldNum){//鼠标单击行时，触发事件
demoForm.editRecord(record);//将列表中该行的数据赋值到form表单中，注意：form表单内元素的name要与ListGrid的fields的name（数据源中的列名）一致。
demoButton1.setVisibility("");//将此按钮设为显示
demoButton2.setVisibility("hidden");//将此按钮隐藏
},
formatCellValue:function(value,record,rowNum,colNum){
if(colNum==1){
value = value == "M"?"男":"女";//数据源中性别以M/F存储，在此处将它转换为男女显示
}
//另一种转换方法
var fieldName = this.getFieldName(colnum);
switch(fieldName)
{
case "uGender":
value = value == "M"?"男":"女";
break;
}
return value;
},
createRecordComponent:function(record,colNum) { //创建组件
var fieldName = this.getFieldName(colNum);  
if (fieldName == "operateButton") { //在operateButton这一列创建删除button
var button = isc.IButton.create({
width: 25,
icon: "../images/remove.png",
title: "",
click : function () {//为删除按钮创建点击事件
if(confirm("确定要删除此用户吗？")){
  RPCManager.sendRequest({//局部无刷新请求，跟ajax一样
actionURL:"delete.do?ID="+record["ID"],
httpMethod:"POST",
callback:function(request,response,data){
//取得response返回内容
...
//根据返回内容判断成功与否
...
if(success){
//若成功
//刷新列表
demoListGrid.fetchData();//查询
}else{
say("删除用户失败!");
}
}
});
    ｝
}
});
return button;  
} else {  
return null;  
}  
}
})