zoukankan      html  css  js  c++  java
  • EXT.GRID JOSN

    [TEST.ASP]

    <html>
    <head>
    <title>CSS Example</title>
     <link rel="stylesheet" type="text/css" href="ext2.1/resources/css/ext-all.css" />
     <script type="text/javascript" src="ext2.1/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="ext2.1/ext-all.js"></script>
     <script type="text/javascript" src="js.js"></script>
    <script>
     Ext.onReady(function(){
      
        Ext.QuickTips.init();
        var sm = new Ext.grid.CheckboxSelectionModel();
        var cm = new Ext.grid.ColumnModel([
            new Ext.grid.RowNumberer(),
            sm,
            {header:'bh',dataIndex:'id',sortable:true},
            {header:'mc',dataIndex:'name'},
            {header:'ms',dataIndex:'descn'}
        ]);
       
        //
        var ds = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({url:'TEST.ASP'}),       
            reader: new Ext.data.JsonReader({
                totalProperty: 'totalProperty',
                root: 'root',
                successProperty :'success'
            }, [
                {name: 'id',mapping:'id',type:'int'},
                {name: 'name',mapping:'name',type:'string'},
                {name: 'descn',mapping:'descn',type:'string'}
            ])
        });

       
        var grid = new Ext.grid.GridPanel({
            el: 'grid3',
            ds: ds,
            sm: sm,
            cm: cm,
            700,
            height:280,
            bbar: new Ext.PagingToolbar({
                pageSize: 10,
                store: ds,
                displayInfo: true,
                displayMsg: '顯示 {0} 條到 {1}條記錄,一共 {2} 條',
                emptyMsg: "沒有記錄"
            })
        });
       
        grid.render();
        ds.load({params:{start:0, limit:10}});
    });

    </script>
    </head>

    <body>
      
     <div id="grid3" style=" 100%;height: 100%"></div>
    </body>
    </html>

    [TEST.ASP]        

    <%
       
        json = "{totalProperty:10,root:["
        for i = 0 TO 10
            json =json& "{id:" & i & ",name:'name" & i & "',descn:'descn" & i & "'}"
            if i <> 10 THEN
                json =json& ","
         end if
           
         NEXT
        json =json&"]}"
        response.write(json)

    %>

  • 相关阅读:
    [nodejs] web后端开发时, 用hapi/Joi对前端提交的数据进行校验--随笔
    [C++]类的空指针调用成员函数后,会发生什么事?
    赵家庙保险队大队长【永远置顶】
    NX二次开发-NXOpen C# OpenFileDialog弹出选择文件对话框
    NX二次开发-NXOpen C# string转tag
    NX二次开发-UFUN创建扫掠UF_MODL_create_sweep
    NX二次开发-NXOPEN C# WinForm点构造器UF.Ui.PointConstruct和UI加锁解锁UF.Ui.LockUgAccess
    vue 移动端手写手机验证码登录
    java--Scanner扫描器
    react中this.props.history实现跳转页面的使用方法
  • 原文地址:https://www.cnblogs.com/zqmingok/p/1511655.html
Copyright © 2011-2022 走看看