dojo显示列表 Grid Cell Store
来源:互联网 发布:淘宝二手钢琴 编辑:程序博客网 时间:2024/06/06 03:15
框架是ssi这个省略
今天先写Grid,其实就是列表。大致步骤就是
post请求,发送参数,返回data,new 一个cell,显示列表。
发送参数,和返回参数详细下一节再写。
1 结构require([
"dojox/grid/DataGrid",
"dojo/store/Memory",
"dojo/data/ObjectStore",
"dojo/request",
"dojox/grid/_CheckBoxSelector",
"dojo/_base/lang",
"dojo/_base/array",
"dojox/grid/cells",
"dojo/domReady!"
], function( DataGrid, Memory, ObjectStore,request,_CheckBoxSelector,lang,baseArray,gridCells){
// code
request.post................
});
注意:require和function里面是一一对应的,fun里面名字可以改,但是顺序不能颠倒,跟java一个道理。
2 请求
request.post("institutionList.action",
{
data:{变量名:数据} , // 传递查询参数 ,这里可以不要。下一节重点讲
handleAd: "json" // json格式传递
}
).then(function(data){
var datas = eval(data.result); //result是action里面的一个变量,见下面的action方法。
var tempStore = new Memory({data:datas});//转换成Memory
var dataStore = new ObjectStore({object:tempStore});//转换成Store
var cells = [
{ name: "组名称", field: "institutionId", width:"350px", styles:"text-align:center;"},
{ name: "组描述", field: "institutionName", width:"350px", styles:"text-align:center;"},
{ name: "操作" , field:"parId", width:"192px", styles:"text-align:center;"}
]
var gridLayout = [
// 这里可以添加checkbox
cells
];
grid = new DataGrid({
store: dataStore, //action请求获得的store
query: { institutionId: "*" }, //精确查询,可以不要
autoHeight: true,
structure: gridLayout // 定义行
}, "grid"); //显示位置
});
3 jsp只要这样就行,头部引入自己写
<body>
<div id="grid"></div>
</body>
4 补充 action方法
/**
* 查询机构列表
*
* @return
* @throws Exception
*/
public String queryInstitutionList() throws Exception {
institutionInfoList = institutionService.queryInstitution(); //service自己写
result = JSONUtil.serialize(institutionInfoList); //要有get set方法
log.debug(result);
return SUCCESS;
}
注意:查询出来的数据列表字段名要跟cell里面的对应,要不不显示。 select institutionid as institutionId
- dojo显示列表 Grid Cell Store
- dojo小例子(16)Grid cell里显示图片,图片取自rest
- Ext grid 显示列表
- dojo store
- ExtJS Grid 每个Cell都显示tooltip
- ExtJS Grid 每个Cell都显示tooltip
- dojo grid中无法显示数据的问题
- ExtJS两个grid用同一个store显示不同的数据
- dojo之dojox.grid.Grid
- DHTMLX做一个Grid列表显示数据
- 关于Dojo的Grid
- dojo grid 组件
- 初涉dojo grid
- dojo Grid用法总结
- Extjs grid 遍历store
- Data Grid Merge Cell
- Extjs5 grid cell tooltips
- 解决Dojo Grid 在TabContainer中的不显示或者刷新错误问题
- Linux下crontab命令的用法
- java.lang.NullPointerException at android.widget.TabWidget.dispatchDraw(TabWidget.java:206)
- 获取系统的CPU使用率、内存使用率
- 将svn的项目导出,然后转换为maven项目
- java线程中的常用方法
- dojo显示列表 Grid Cell Store
- 使用MySQL命令行修改密码
- Maven发布配置-根据不同的环境配置生成不同环境的War包
- JavaScript中几种设计模式
- jQuery杂记
- 一个解除TCP连接的TIME_WAIT状态限制的简便方法
- Windows 多线程编程总结
- c另类代码
- Openfire XMPP asmack开发 android客户端上传用户头像