用Ext在一个页面上画三个dataGrid

最新推荐文章于 2021-02-13 00:21:54 发布
最新推荐文章于 2021-02-13 00:21:54 发布
阅读量2.5k 收藏
点赞数
分类专栏： EXT 文章标签： datagrid ext header string function search
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rj0801zxh/article/details/7043131
版权

 

evaluationresultsquery.jsp源代码：

 

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ include file="/apframe/common.jsp"%>
<script type='text/javascript'></script>
</head>
  <body>
    <div align="center"><br></div><script type="text/javascript">
    var pageSize=18;    //每页显示多少条数据  
    var userid='<foundation:property value="#session.userObject.userid"/>';
   
 //学年学期 
 var xnxqArr = new Array();//初始化学期数据
     pageCall.queryNamedSqlForJsonArr("teaqualityassessmentstu.selectXnxqName",{},function(list){
          for(var k = 0; k < list.length; k++){
  xnxqArr.push([list[k].XNXQ01ID, list[k].TERMCNAME]);
  }
     });
    
 //按教师进行汇总信息----------------------START-----------------------------------------------
  var record1=[
     {name : 'PSI_NAME',type : 'string'},
  {name : 'PSI_TIME',type : 'string'},
  {name : 'TEACHERCODE',type : 'string'},
  {name : 'TEACHERNAME',type : 'string'},
     {name : 'SEXCODE',type : 'string'},
     {name : 'TITLE',type : 'string'},
     {name : 'UNITCNAME',type : 'string'},
     {name : 'PTS_SCORE',type : 'string'},
     {name : 'PTS_SAMPLE_SIZE',type : 'string'},
     {name : 'PTS_ELIGIBLE_RATE',type : 'string'},
     {name : 'PTS_UNIT_RANK',type : 'string'},
     {name : 'PTS_SCHOOL_RANK',type : 'string'}
  ];
              
 var recordHeads = Ext.data.Record.create(record1);
 
 //定义数据源
    var datastore = new Ext.data.Store( {
  proxy:new Ext.data.HttpProxy(new Ext.data.Connection({timeout:0,url:'<foundation:root/>gridPagingAction.action'})),
  reader : new Ext.data.JsonReader( {
   root : 'data',
   totalProperty : 'totalProperty'
  }, recordHeads),

  remoteSort : false
 }); 
 
 
  //定义sql数据参数
    datastore.on('beforeload', function() {
   datastore.baseParams = {
    XNXQ01ID_SEARCH  : $value('XNXQ01ID_SEARCH'),
    PSI_NAME_SEARCH  : $value('PSI_NAME_SEARCH'),
    userid           : userid,
    mainSqlId:'evaluationresultsquery.selectteacherlist',
     countSqlId:'none'
   };
 }); 
 
 
  //定义表格用来显示数据
 var datacm = new Ext.grid.ColumnModel({
       columns:[
  {
   header : '报表名称',
   width:89,
   dataIndex:'PSI_NAME'
  }, 
  {
   header : '统计时间',
   width:65,
   dataIndex:'PSI_TIME'
  },
  {
   header : '教师编号',      
   dataIndex:'TEACHERCODE',  
   width:89
  },
   {
   header : '教师姓名',
   width:89,
   dataIndex:'TEACHERNAME'
  },
  {
   header : '性别',
   width:35,
   align:'center',
   dataIndex:'SEXCODE',
   renderer:function(value){return rendererDisplay(<apframe:write dictTypeId='ZD_XB' type='array'/>,value);}
  },
  {
   header : '职称',
   width:89,
   dataIndex:'TITLE',
   renderer:function(value){return rendererDisplay(<apframe:write dictTypeId='ZD_JSZW' type='array'/>,value);}
  },
  {
   header : '所属院系',
   width:89,
   dataIndex:'UNITCNAME'
  },
  {
   header : '评分',
   width:35,
   align:'center',
   dataIndex:'PTS_SCORE'
  },
  {
   header : '样本数',
   width:43,
   align:'center',
   dataIndex:'PTS_SAMPLE_SIZE'
  },
  {
   header : '参评率',
   width:43,
   align:'center',
   dataIndex:'PTS_ELIGIBLE_RATE',
   renderer:function(value){
    if(!value){
     return '0%';
    }
    return parseFloat(value)*100+'%';
   }
  },
  {
   header : '单位排名',
   width:55,
   align:'center',
   dataIndex:'PTS_UNIT_RANK'
  },
  {
   header : '全校排名',
   width:55,
   align:'center',
   dataIndex:'PTS_SCHOOL_RANK'
  }
  ],
     defaults: {
        sortable: false,
        menuDisabled: true
    }
 });
 
 
  //定义工具栏按钮 
     var dataGrid = new Ext.grid.GridPanel({
        store: datastore,
        cm: datacm,
        border : true,
        height:125,
        region : "center",
        title:'按教师进行汇总统计' ,
        loadMask : true,
        split : true,
        enableColumnMove: false,
        sm:new Ext.grid.CheckboxSelectionModel({singleSelect:false}),
        stripeRows: true,
        iconCls : 'grid-icon'
    });
   
  
   
   
 //按教师进行汇总信息----------------------END-------------------------------------------------
 
 //按教师+课程进行汇总统计信息----------------------START-----------------------------------------------
        var detailData = [
      {name : 'PTCS_SCORE',type : 'string'},
   {name : 'PTCS_SAMPLE_SIZE',type : 'string'},
   {name : 'TEACHERCODE',type : 'string'},
   {name : 'TEACHERNAME',type : 'string'},
      {name : 'SEXCODE',type : 'string'},
      {name : 'TITLE',type : 'string'},
      {name : 'UNITCNAME',type : 'string'},
      {name : 'PTCS_ELIGIBLE_RATE',type : 'string'},
      {name : 'PTCS_UNIT_RANK',type : 'string'},
      {name : 'PTCS_SCHOOL_RANK',type : 'string'},
      {name : 'PSI_NAME',type : 'string'},
      {name : 'PSI_TIME',type : 'string'},
      {name : 'COURSENAME',type : 'string'}
  ];

    
        var detailRecord = Ext.data.Record.create(detailData);
      
        var detailStore = new Ext.data.Store( {
   proxy:new Ext.data.HttpProxy(new Ext.data.Connection({timeout:0,url:'<foundation:root/>gridPagingAction.action'})),
   reader : new Ext.data.JsonReader( {
    root : 'data',
    totalProperty : 'totalProperty'
   }, detailRecord),
   remoteSort : false
     });
    
        //数据查询
     detailStore.on('beforeload', function() {
      detailStore.baseParams = {
       XNXQ01ID_SEARCH  : $value('XNXQ01ID_SEARCH'),
    PSI_NAME_SEARCH  : $value('PSI_NAME_SEARCH'),
    userid           : userid,
    mainSqlId:'evaluationresultsquery.selectteachercourselist',
     countSqlId:'none'
   };
  });
  //数据表格
     var detailCm = new Ext.grid.ColumnModel({
        columns:[
   {
    header : '报表名称',
    width:76,
    dataIndex:'PSI_NAME'
   }, 
   {
    header : '统计时间',
    width:65,
    dataIndex:'PSI_TIME'
   },
   {
    header : '教师编号',      
    dataIndex:'TEACHERCODE',  
    width:76
   },
    {
    header : '教师姓名',
    width:76,
    dataIndex:'TEACHERNAME'
   },
   {
    header : '性别',
    width:31,
    align:'center',
    dataIndex:'SEXCODE',
    renderer:function(value){return rendererDisplay(<apframe:write dictTypeId='ZD_XB' type='array'/>,value);}
   },
   {
    header : '职称',
    width:76,
    dataIndex:'TITLE',
    renderer:function(value){return rendererDisplay(<apframe:write dictTypeId='ZD_JSZW' type='array'/>,value);}
   },
   {
    header : '所属院系',
    width:76,
    dataIndex:'UNITCNAME'
   },
   {
    header : '课程名称',
    width:78,
    dataIndex:'COURSENAME'
   },
   {
    header : '评分',
    width:31,
    align:'center',
    dataIndex:'PTCS_SCORE'
   },
   {
    header : '样本数',
    width:43,
    align:'center',
    dataIndex:'PTCS_SAMPLE_SIZE'
   },
   {
    header : '参评率',
    width:43,
    align:'center',
    dataIndex:'PTCS_ELIGIBLE_RATE',
    renderer:function(value){
     if(!value){
      return '0%';
     }
     return parseFloat(value)*100+'%';
    }
   },
   {
    header : '单位排名',
    width:55,
    align:'center',
    dataIndex:'PTCS_UNIT_RANK'
   },
   {
    header : '全校排名',
    width:55,
    align:'center',
    dataIndex:'PTCS_SCHOOL_RANK'
   }
   ],
      defaults: {
         sortable: false,
         menuDisabled: true
     }
  });
 
   //数据表格面板
        var detailGrid = new Ext.grid.GridPanel({
         store: detailStore,
         height:125,
         cm: detailCm,
         title:'按教师+课程进行汇总统计' ,
         border : true,
         region : "south",
         loadMask : true,
         split : true,
         enableColumnMove: false,
         sm:new Ext.grid.CheckboxSelectionModel({singleSelect:false}),
         stripeRows: true,
         iconCls : 'grid-icon'
        });
       
 
 //按教师+课程进行汇总统计信息----------------------END-------------------------------------------------
 
 //按教师+课程+指标进行汇总统计信息----------------------START-----------------------------------------------
    var indexData = [
      {name : 'PJ_TEA_COU_INDEX_STATISTIC_ID',type : 'string'},
      {name : 'PTCIS_SCORE',type : 'string'},
   {name : 'PTCIS_SAMPLE_SIZE',type : 'string'},
   {name : 'TEACHERCODE',type : 'string'},
   {name : 'TEACHERNAME',type : 'string'},
      {name : 'SEXCODE',type : 'string'},
      {name : 'TITLE',type : 'string'},
      {name : 'UNITCNAME',type : 'string'},
      {name : 'PTCIS_ELIGIBLE_RATE',type : 'string'},
      {name : 'PSI_NAME',type : 'string'},
      {name : 'PSI_TIME',type : 'string'},
      {name : 'COURSENAME',type : 'string'}
  ];

    
        var indexRecord = Ext.data.Record.create(indexData);
      
        var indexStore = new Ext.data.Store( {
   proxy:new Ext.data.HttpProxy(new Ext.data.Connection({timeout:0,url:'<foundation:root/>gridPagingAction.action'})),
   reader : new Ext.data.JsonReader( {
    root : 'data',
    totalProperty : 'totalProperty'
   }, indexRecord),
   remoteSort : false
     });
    
        //数据查询
     indexStore.on('beforeload', function() {
      indexStore.baseParams = {
       XNXQ01ID_SEARCH  : $value('XNXQ01ID_SEARCH'),
    PSI_NAME_SEARCH  : $value('PSI_NAME_SEARCH'),
    userid           : userid,
    mainSqlId:'evaluationresultsquery.selectteacouindexlist',
     countSqlId:'none'
   };
  });
  //数据表格
     var indexCm = new Ext.grid.ColumnModel({
        columns:[
   {
    header : '报表名称',
    width:78,
    dataIndex:'PSI_NAME'
   }, 
   {
    header : '统计时间',
    width:65,
    dataIndex:'PSI_TIME'
   },
   {
    header : '教师编号',      
    dataIndex:'TEACHERCODE',  
    width:78
   },
    {
    header : '教师姓名',
    width:78,
    dataIndex:'TEACHERNAME'
   },
   {
    header : '性别',
    width:31,
    align:'center',
    dataIndex:'SEXCODE',
    renderer:function(value){return rendererDisplay(<apframe:write dictTypeId='ZD_XB' type='array'/>,value);}
   },
   {
    header : '职称',
    width:78,
    dataIndex:'TITLE',
    renderer:function(value){return rendererDisplay(<apframe:write dictTypeId='ZD_JSZW' type='array'/>,value);}
   },
   {
    header : '所属院系',
    width:78,
    dataIndex:'UNITCNAME'
   },
   {
    header : '课程名称',
    width:78,
    dataIndex:'COURSENAME'
   },
   {
    header : '评分',
    width:31,
    align:'center',
    dataIndex:'PTCIS_SCORE'
   },
   {
    header : '样本数',
    width:43,
    align:'center',
    dataIndex:'PTCIS_SAMPLE_SIZE'
   },
   {
    header : '参评率',
    width:43,
    align:'center',
    dataIndex:'PTCIS_ELIGIBLE_RATE',
    renderer:function(value){
     if(!value){
      return '0%';
     }
     return parseFloat(value)*100+'%';
    }
   },
   {
    header : '按指标得分明细',
    width:100,
    dataIndex:'',
    renderer: function(value,meta,record){
            var resultStr = "<div>" +     
                        "<a href='javascript:showMoreDetail("+record.get('PJ_TEA_COU_INDEX_STATISTIC_ID')+");' >指标得分明细</a>" + "</div>";
                  return resultStr;
         }
   }
   ],
      defaults: {
         sortable: false,
         menuDisabled: true
     }
  });
  
  //按指标得分明细
    function showMoreDetail(PJ_TEA_COU_INDEX_STATISTIC_ID){
   detailData = [
        {name:'PEI_NAME',type:'string'},
        {name:'PID_FULLSCORE',type:'string'},
     {name:'PID_SCORE',type:'string'},
     {name:'PID_AVERAGE',type:'string'},
     {name:'PID_UNIT_AVERAGE',type:'string'}
    ];
    detailRecord = Ext.data.Record.create(detailData);
    
    detailStore = new Ext.data.Store({
     proxy: new Ext.data.HttpProxy(new Ext.data.Connection({timeout:0,url:'<foundation:root/>gridPagingAction.action'})),
         reader: new Ext.data.JsonReader( {
      root : 'data',
      totalProperty : 'totalProperty'
     }, detailRecord),
     remoteSort : false
       });
       detailStore.on('beforeload', function() {
     detailStore.baseParams = {
         PJ_TEA_COU_INDEX_STATISTIC_ID:PJ_TEA_COU_INDEX_STATISTIC_ID,
      mainSqlId:'evaluationresultsquery.selectIndexDetail_List',
       countSqlId:'evaluationresultsquery.selectIndexDetail_Count'
     };
    });
    detailCm = new Ext.grid.ColumnModel({
           columns:[    
           {
       header:'指标名称',
       width:100,
       dataIndex : 'PEI_NAME'
     },  
     {
       header:'满分值',
       width:80,
       dataIndex : 'PID_FULLSCORE'
     },
     {
       header:'得分',
       width:80,
       dataIndex : 'PID_SCORE'
     },
     {
       header:'单位平均分',
       width:80,
       dataIndex : 'PID_UNIT_AVERAGE'
     },
     {
       header:'全校平均分',
       width:100,
       dataIndex : 'PID_AVERAGE'
     }]
       });
      
       var detailPagingBar = new Ext.PagingToolbar({
           pageSize: pageSize,
           store: detailStore,
           displayInfo: true
          });
         
          detailGrid = new Ext.grid.EditorGridPanel({
              title:'指标得分明细信息',
           store: detailStore,
           cm: detailCm,
           sm:new Ext.grid.CheckboxSelectionModel({singleSelect:true}),
           border : true,
     frame:true,
           margins:'3 0 0 0',
           region : "center",
           loadMask : true,
           split : true,
           enableColumnMove: false,
           stripeRows: true,
           iconCls : 'grid-icon',
           bbar:detailPagingBar
          });
     
      detailWindow = new Ext.Window({ //定义对话框
                layout : 'border',
                      width : 520,
       height : 400,
       shadow : true,
       title:'',
       modal : true,
       closable : true,
       minWidth : 200,
       minHeight : 100,
       buttons : [
       {
        text : '关闭',
        handler : function (){
            detailWindow.hide();
        }
       }],
       items:[detailGrid]
      });
      
    detailWindow.show();
    
    detailStore.load({
     params : {
     start : 0,
     limit : pageSize
     }
      });
    }
 
    //数据表格面板
        var indexGrid = new Ext.grid.GridPanel({
         store: indexStore,
         height:125,
         cm: indexCm,
         title:'按教师+课程+指标进行汇总统计' ,
         border : true,
         region : "south",
         loadMask : true,
         split : true,
         enableColumnMove: false,
         sm:new Ext.grid.CheckboxSelectionModel({singleSelect:false}),
         stripeRows: true,
         iconCls : 'grid-icon'
        });
       
 
 //按教师+课程+指标进行汇总统计信息----------------------END-------------------------------------------------
 
 
  //定义查询条件栏
    var conditionForm=new Ext.FormPanel( {
   buttonAlign:'center',
   id:'conditionForm',
   frame:true,
   height : 70,
   split : true,
   margins:'3 0 0 0',
   collapsible : true,
   region : "north",
   title:'查询条件:',
   border : false,
   bodyBorder:false,
   labelAlign : 'left',
   items : [{
   layout : 'column',
   items : [
     {
      columnWidth : .40,
      layout : 'form',
      labelWidth:65,
      items : [{
           xtype:"combo",
           id:'XNXQ01ID_SEARCH',
        fieldLabel : '学年学期',
        width : 130,
        mode : 'local',
           triggerAction : 'all',
        editable:true,
        selectOnFocus : true,
        forceSelection : true,
        displayField : 'text',
           valueField : 'value',
           readOnly : true,
           allowBlank:false,
        store : new Ext.data.SimpleStore({
                    fields: ['value', 'text'],                   
                   data : xnxqArr
                 }) 
        }]
     },
     {
      columnWidth : .40,
      labelWidth:80,
      layout : 'form',
      items : [ new Ext.form.TextField( {
         fieldLabel : '报表名称',
         id : 'PSI_NAME_SEARCH',
         width : 130,
         allowBlank : true
        })]
     },
     {
      columnWidth : .08,
      labelWidth:40,
      layout : 'form',
      items : [ new Ext.Button({text:'查询',iconCls : 'icon-search',handler:function(){
         if(!$value('XNXQ01ID_SEARCH')){
          Ext.Msg.alert('提示','请选择学年学期后再查询！');
          return;
         }
         loadGrid(datastore);//教师
         loadGrid(detailStore);//教师+课程
         loadGrid(indexStore);//教师+课程+指标
      }})]
     }
     ,
     {
      columnWidth : .08,
      labelWidth:40,
      layout : 'form',
      items : [ new Ext.Button({text:'重置',iconCls : 'icon-reset',handler:function(){
        conditionForm.getForm().reset();
         //设置默认学年学期
         Ext.getCmp('XNXQ01ID_SEARCH').store.loadData(xnxqArr);
         pageCall.queryNamedSqlForObj('evaluationresultsquery.selectCurrentYearName',{},function(xnxq){
            currentXnxqid = xnxq.XNXQ01ID;
               $set("XNXQ01ID_SEARCH",currentXnxqid);
         });
      }})]
     }]
  
   }]
  });
 
       
  //对数据进行分页加载
   function loadGrid(store){
       store.load( {
      /*params : {
       start : 0,
       limit : 10000
      }*/
    });
   }
  
  
    //大的form面板的定义
 var innerPanel = new Ext.Panel({
   layout : 'form',//注意
          border : false,
          title:'评价结果查询',
          iconCls : 'icon-plugin',
   split : true,
   items:[conditionForm,dataGrid,detailGrid,indexGrid]
  });
  
    //大面板
    var bigTabPanel = new Ext.TabPanel({
               region : 'center',
          activeTab: 0,
          border : false,
          frame:true,
          items:[innerPanel]
    });
   
    Ext.onReady(function(){
     new Ext.Viewport({
   layout : 'border',
   split : true,
   items:[bigTabPanel]
   });
 
  //设置默认学年学期
  Ext.getCmp('XNXQ01ID_SEARCH').store.loadData(xnxqArr);
  pageCall.queryNamedSqlForObj('evaluationresultsquery.selectCurrentYearName',{},function(xnxq){
     currentXnxqid = xnxq.XNXQ01ID;
        $set("XNXQ01ID_SEARCH",currentXnxqid);
  });
    
  loadGrid(datastore);//教师
  loadGrid(detailStore);//教师+课程
  loadGrid(indexStore);//教师+课程+指标
 
    });
   
    </script>
  </body>
</html>

rj0801zxh
关注
专栏目录
jsp页面中table页或者ext grid表格数据导出Excel思路
月上柳梢
03-24 1599
最近在做项目时用到了导出功能，先大概描述一下需求：在jsp页面中对页面展示的带数据的table进行导出到Excel，方便客户查看。     实现思路：在前台加个导出按钮，当用户点击该按钮时重新调用查询table数据的方法获取数据，取得数据后生成Excel表格，同时把数据填充进去。由于在做项目每条数据量对应的实现子数据都不一样，因此此处只写了一个简单的例子，方便读者快速上手，此例足够满足一般规整数
UI框架 即360UI框架与EXT比较
chentiedong的专栏
04-23 901
EXTJS框架是非常全面和成熟的，这是因为它发展的年头久远，并且有全世界的EXTJS爱好者为其出谋献策，它的组件库尤其是DataGrid组件无人能出其右。我在最初也考虑过使用EXTJS来做项目，学习了一段时间后最终还是选择放弃。放弃的理由有如下几点： （1）风格样式单一。这是最让我受不了的。一个让用户满意的系统并不是单纯组件的堆砌，用户对系统的评价除了能够完成相应的功能外，还涉及到界面是否美观、
extJs中一个viewport中, 使用一个请求, 同时显示两个gridPanel
CHEN的技术积累
08-18 4141
在extjs中一个页面中可以用一个请求为两个grid加载数据, 并同时显示在两个中gridpanel
EXT 如何画出页面
05-14
EXT 如何画出页面,主要是js.如果还需要其它，我会整理后上传
ExtJS创建DataGrid
Coder Yasmine
05-22 2747
前言     最近在做一个项目，后台管理系统的页面用的ExtJS，具体它是什么，或者含义什么的，百度一下就OK了。至于它的优点，这个虽然用的时间不长，但是体会还是挺深的。它用起来很方便是毋庸置疑的，否则为什么不用原生JS呢。具体方便到哪种程度，请看下面的内容。 DataGrid     说起来用ExtJS做DataGrid，得先看看这个表格的组成部分。DataGrid
在写extjs中一个panel里放了3个grid，但就是不显示页面，后台给出数据，前台也有加载数据
caoyaqi的博客
08-19 1521
在写extjs中一个panel里放了3个grid，但就是不显示页面，后台给出数据，前台也有加载数据
Ext--DataGrid教程
(搬家到)fys-summer.blog.163.com
08-28 279
     研究了半天，终于可以将DataGrid和Java结合起来了，嗨辛苦啊！代码太多了，不适合贴出来，打了包！需要就下来看吧！
ext 学习资料
02-28
本篇内容基于一位经验丰富的开发者分享的学习资料——《Ext JS 6 By Example》，该资料详细介绍了Ext JS 6的核心概念和使用方法，旨在帮助初学者快速上手并深入理解Ext JS 6的各项特性。 #### 二、Ext JS 的优势 1...
使用html标签、jQuery-EasyUI和Ext4分别展示json数据的效果
09-19
在网页开发中，数据的展示是至关重要的，特别是在大数据时代，如何有效地呈现JSON（JavaScript Object Notation）数据，使得用户可以清晰地理解信息，成为了一项基础技能。本篇文章将探讨如何利用HTML标签、jQuery-...
extdatagrid打印
04-05
extdatagrid打印 var printPage=function(grid,initvalue) { var tableStr =
ExtJs DataGridView控件实例
01-03
经典的实现了ExtJs用法！支持GRIDVIE菜单，排序，分页，提示，增，删，改，查询等操作，是功能非常完善的一个控件，也可直接使用.
Ext Column+Form布局画复杂页面
03-26
NULL 博文链接：https://wyd988928.iteye.com/blog/1166495
EXTJS4 表格GRID示例
05-16
EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例
webmagic采集CSDN的Java_WebDevelop页面
热门推荐
hepanlaurence的专栏
05-23 1万+
使用webmagic采集博客类的网站示例
一个用ext做的登录页面
行云流水
09-30 4559
最近在关注ext，感觉ext比dodjo的前景好，在网上找到一个用ext做的登录页:http://ondemand.aicproperties.com/参照这个可以修改出自己想要的登录页面，我就是参照这个页面，修改了系统的登录界面
extjs grid java_Extjs 4.2 Grid增删改及后台交互(Java)
weixin_34007888的博客
02-13 203
上次发了Easyui Datagrid的增删改查的使用学习记录后一直想整理下基于Extjs4.2的Grid学习使用记录。苦于抽不出时间，一直拖到现在。不得不说，Extjs确实很强大，新版的Neptune风格也很入我眼，但毕竟没怎么用过，第一次用，也不敢上来就搞什么自定义组件，也就纯粹的model+store+panel声明式创建表格了。抛开分页，抛开排序，今天只简单讲一下最近使用中总结出来的res...
Easyui.datagrid扩展——Ext.grid rowediting风格
zjh527的专栏
05-28 4654
使用过Ext的人都知道，在Ext.grid组件中有个Ext.grid.plugin.RowEditing插件，它会在行编辑状态下，在行的下方出现一组按钮，方便你确定和取消当前行的编辑内容。 有朋友反映看的有点乱，我也懒的再排版了，嫌乱的可以从后向前反着看。最后面给出了完整扩展。 首先我们要达到如下目的： 1、保留easyui.datagrid原有编辑风格 2、增加一
EasyUI datagrid：编辑状态中嵌套多个控件的实现
"在EasyUI的DataGrid中，实现编辑状态（editor）下一列嵌入多个控件，主要是通过自定义editor来完成的。这种方式允许在一个单元格内展示和编辑多个输入组件，如下拉框（combobox）和验证框（validatebox）。" 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值