EXT学习笔记之一grid

最新推荐文章于 2024-10-13 12:02:46 发布

我是小辉辉

最新推荐文章于 2024-10-13 12:02:46 发布

阅读量300

点赞数

分类专栏： JavaScript 文章标签： ext stylesheet header function html

本文链接：https://blog.csdn.net/ayueiloveyou/article/details/2757999

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 
 Ext.onReady(function () {
    
var cm = new Ext.grid.ColumnModel([
        {header:"/u7f16/u53f7", dataIndex:"id"},
         {header:"/u540d/u79f0", dataIndex:"name"},
          {header:"/u63cf/u8ff0", dataIndex:"descn"}]);
cm.defaultSortable = true;
          
var data = [
     ["1", "name1", "descn1"],
     ["2", "name2", "descn2"], 
     ["3", "name3", "descn3"],
     ["4", "name4", "descn4"],
      ["5", "name5", "descn5"]];
    var ds = new Ext.data.Store(
    {proxy:new Ext.data.MemoryProxy(data),
     reader:new Ext.data.ArrayReader({}, [
     {name:"id"},
      {name:"name"},
       {name:"descn"}
       ])
     });
    ds.load();
    
    
    var grid = new Ext.grid.GridPanel({
    el: 'grid',
    ds: ds,
    cm: cm
    });
    grid.render();
    
});
 

以上是index.js

 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <link rel="stylesheet" type="text/css" href="ext-2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-2.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.1/ext-all.js"></script>
<script type="text/javascript" src="index.js"></script>
 <script type="text/javascript">
 </script>   
    
  </head>
  
  <body>
  <div id="grid"></div>
  </body>
</html>
 