zoukankan      html  css  js  c++  java
  • ExtGrid

    刷新表中数据

    Ext.getCmp('SystemManage_role_ContainPresonnel_grid').store.reload();

    store.load({
                                    url: '/data/sys/containPersonnel.ashx',
                                    params: {
                                        Action: 'search', roleId: roleId, value: searchValue
                                    }
                                });

    获取表中被选中的数据

    handler: function () {
                            var selModel = grid.getSelectionModel()
                            if (selModel.hasSelection()) {                            
                                Ext.MessageBox.show({
                                    title: '请稍等',
                                    msg: '正在读取数据...',
                                    progressText: '',
                                     300,
                                    progress: true,
                                    closable: false,
                                    animEl: 'loding'
                                });
                                var records = selModel.getSelection();
                                var empId = '';
                                for (var i = 0; i < records.length; i++) {
                                    empId += records[i].data.ID + ',';
                                }
                                $.get('../../data/sys/containPersonnel.ashx', { Action: 'addPerson', RoleID: roleId, empId: empId }, function (data) {
                                    Ext.MessageBox.hide();
                                    if (data == 'ok') {
                                        contain.close();
                                        Ext.getCmp('SystemManage_role_ContainPresonnel_grid').store.reload();
                                    } else {
                                        Ext.MessageBox.alert("信息提示", '操作失败,请稍后重试!');
                                    }
                                });
    
                            } else {
                                Ext.MessageBox.alert("信息提示", '请选择一行数据!');
                            }
                        }

     某列自动换行

                            renderer: function (value, meta, record) {
                                return '<div style="white-space:normal;overflow: visible;">' + value + '</div>';
                            }

    页面中所有表格全部自动换行

        <style type="text/css">
            .x-grid3-cell-inner {
                white-space: normal;
                overflow: visible;
            }
        </style>

     选择方法

    var model = grid.getSelectionModel();  
    model.selectAll();//选择所有行  
    model.selectFirstRow();//选择第一行  
    model.selectLastRow([flag]);//选择最后一行,flag为正的话保持当前已经选中的行数,不填则默认false  
    model.selectNext();//选择下一行  
    model.selectPrevious();//选择上一行  
    model.selectRange(tartRow,ndRow, [Boolean keepExisting] );//选择范围间的行  
    model.selectRow(row);//选择某一行  
    model.selectRows(rows);//选择指定一些行,传递数组如[1,3,5],则分别选择1,3,5行  
      
      
    model.clearSelections();//清空所有选择  
    model.deselectRange( startRow, endRow );//取消从startrow到endrow的记录的选择状态  
    model.deselectRow(row);//取消指定行的记录  
  • 相关阅读:
    phpMyAdmin <= 4.0.4.1 import.php GLOBALS变量注入漏洞
    第一个VC++ win32程序 绘制简单图形
    QTP 9.2 下载&破解
    MacOS下使用VMware5 破解 安装win7 ISO 激活
    win7 原版下载&激活
    jQuery.ui autoComplete使用
    SubLime2 win + mac keygen
    为Chrome添加https搜索 自定义地址栏搜索引擎
    jQuery validate入门
    Bootstrap dropdown 使用
  • 原文地址:https://www.cnblogs.com/Celebrator/p/4482711.html
Copyright © 2011-2022 走看看