EXT_grid_rowclick_jsonStore

最新推荐文章于 2019-01-24 09:31:00 发布

包达叔

最新推荐文章于 2019-01-24 09:31:00 发布

阅读量111

点赞数

文章标签： EXT JSP 框架 HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all-debug.js"></script>
<script>
function fn()
{
	//Ext.BLANK_IMAGE_URL ="/resource/extjs31/resources/images/default/tree/s.gif";

   var data={totalCount:0,data:[{ID:'1',TITLE:'HAO',PUBTIME:'2009'},{ID:'33',TITLE:'3333',PUBTIME:'23333'}]};
	var urlstr='/fbrole/main/itsmIndexGetInfoData.jsp?ch_id='+"<%=ch_id%>";
	//数据部分
	 var store=new Ext.data.JsonStore({
  				start:0,
  				limit:5,      
                root:"data",      
                totalProperty:"totalCount",
                idProperty:"ID",
                fields:["ID","TITLE","PROMULGATOR","PUBTIME"],
                proxy:new Ext.data.MemoryProxy(data)
                //proxy: new Ext.data.HttpProxy({	url:urlstr })
            });    

   //框架部分
   var mainPanel = new Ext.Panel({
       layout:'border',
       applyTo:document.body,
       width:1023,
       height:500,
       items:[
           new Ext.grid.GridPanel({
            id:'gridepanel',
		      title:"<%=ch_name%>",
		      region:'center',
		      frame:true,
		      store:store,
		      autoExpandColumn:2,
		      listeners:{
               rowclick : function(grid, rowIndex, e){
                  console.dir(e);
                  var selections = grid.getSelectionModel().getSelections();
                  if (selections.length == 0) { Ext.Msg.alert('提示', "先选择行"); return; }
                  for (var i = 0; i < selections.length; i++) {
                      var record = selections[i];
                      alert(record.get("ID"));
                      var id = record.get("ID");
                      var url = "panel.html";
                      window.open(url);
                  }
               }
            },
		      tbar : new Ext.PagingToolbar({
		         store:store,
		         pageSize:5,//每页显示几条记录
		         displayInfo:true,
		         displayMsg:'第{0}条到{1}条，一共{2}条',
		         emiptyMes:'没有记录'
		      }),
		      columns:[
		         new Ext.grid.RowNumberer(),
		         {header:"标题",width:300,dataIndex:"TITLE"},
		         {header:"发布时间",dataIndex:"PUBTIME"}
		      ]
		   })
	    ]
   });

   store.load({params:{start:0, limit:5}});

   var el = Ext.getCmp('gridepanel');
   //console.dir(el);
}
Ext.onReady(fn);

</script>

</head>
<body>
</body>
</html>