extjs grid 的渲染和选择某一列的数据实例

来源：互联网发布：java 训练编辑：程序博客网时间：2024/05/17 03:55

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>栏目增加</title>
<link rel="stylesheet" type="text/css" href="../js/resources/css/ext-all.css"/>

<script type="text/javascript" src="../js/adapter/ext/ext-base.js"></script>

   }
  ]
  Ext.MyViewport.superclass.initComponent.call(this);
}
})
var store = new Ext.data.JsonStore({
    totalProperty: 'total', // total data, see json output
    root: 'root', // see json output
    url: '../extjs_json.php',
        fields: [
            {name: 'id'},
           {name: 'title', type: 'string'},
           {name: 'message', type: 'string'},
     {name: 'up', type: 'string'},
     {name: 'shan', type: 'string'}
        ]
    });
store.load({params:{start: 0, limit: 5}});
  Ext.onReady(function(){
   new Ext.MyViewport();
  });
  function up()
  {
   Ext.onReady(function(){
   var selModel=Ext.getCmp('biao').getSelectionModel();
   var record=selModel.getSelected();
   Ext.Msg.alert('',record.data.id);
    /*var win=new Ext.Window({
     title:'更新',
     modal:true,
     height:160,
     width:350,
     layout:"form",
     labelAlign:'right',
     buttonAlign:'center',
     items:[{
      xtype:'textfield',
      fieldLabel:'title'
     },{
      xtype:'textarea',
      fieldLabel:'message',
      width:200
     }],
     buttons:[{
      text:'提交'
     }]
    });
    win.show();*/
   });
  }
</script>
</head>
<body>
</body>
</html>