精华内容
下载资源
问答
  • 主要介绍了ExtJs中gridpanel分组后组名排序实例代码,有需要的朋友可以参考一下
  • Extjs中GridPanel实现单元格自动换行的补充   Extjs3.x 在Extjs中GridPanel组件或EditorGridPanel,针对单元格内容超长实现自动换行要求时,目前网上介绍的基本上是在采用在ColumnModel给...

    Extjs中GridPanel实现单元格自动换行的补充

    在Extjs中GridPanel组件或EditorGridPanel中,针对单元格内容超长实现自动换行要求时,目前网上介绍的基本上是在采用在ColumnModel中给对应列增加Css样式,如下代码:
    ...
    {
        id:'N_Pro_TestValue',
        header:F_N_Pro_TestValue,
        width: 120,
        dataIndex:'N_Pro_TestValue',
        menuDisabled:true,
    css:'background-color:#F5F5F5;',
        renderer:function(value, meta, record) {
          meta.attr ='style="white-space:normal;"'; 实现自动换行功能
           return value
        }
    },
    ...
    但笔者在使用EditorGridPanel中,发现该类换行有时候没有达到预期效果,如图

    Extjs中GridPanel实现单元格自动换行的补充

    图中对应的列,划圈的部分实现了换行功能,但是画矩形框部分,确没有换行。
    如果想要改部分也实现自动换行,需要对原来的CSS进行调整,增加word-wrap: break-word;
    该行代码,即:
    ...
     renderer: function(value, meta, record){
          meta.attr ='style="white-space:normal;word-wrap:break-word;"'; 
           return value
        }
    ...
    这样达到预期效果。
    Extjs中GridPanel实现单元格自动换行的补充

    以上在extjs3.41版本中通过。
    --------------------
    补充:在4.2.3版本中,以上代码改为:
    renderer : function (value, meta, record) {
    meta.style = 'white-space:normal;word-break:break-all;';
    return value;
    }
    展开全文
  • Extjs中GridPanel实现单元格自动换行的补充     在Extjs中GridPanel组件或EditorGridPanel,针对单元格内容超长实现自动换行要求时,目前网上介绍的基本上是在采用在ColumnModel给对应列增加Css样式,...

    Extjs中GridPanel实现单元格自动换行的补充

       

    在Extjs中GridPanel组件或EditorGridPanel中,针对单元格内容超长实现自动换行要求时,目前网上介绍的基本上是在采用在ColumnModel中给对应列增加Css样式,如下代码:

    ...

    {

        id:'N_Pro_TestValue',

        header:F_N_Pro_TestValue,

        width: 120,

        dataIndex:'N_Pro_TestValue',

        menuDisabled:true,

    css:'background-color:#F5F5F5;',

        renderer:function(value, meta, record) {

           meta.attr ='style="white-space:normal;"'; 实现自动换行功能

           return value

        }

    },

    ...

    但笔者在使用EditorGridPanel中,发现该类换行有时候没有达到预期效果,如图

     


     

    图中对应的列,划圈的部分实现了换行功能,但是画矩形框部分,确没有换行。

    如果想要改部分也实现自动换行,需要对原来的CSS进行调整,增加word-wrap: break-word;

    该行代码,即:

    ...

     renderer: function(value, meta, record){

          meta.attr ='style="white-space:normal;word-wrap:break-word;"'; 

           return value

        }

    ...

    这样达到预期效果。


     

    以上在extjs3.41版本中通过。

    --------------------

    补充:在4.2.3版本中,以上代码改为:

    renderer : function (value, meta, record) {

    meta.style = 'white-space:normal;word-break:break-all;';

    return value;

    }


    转自:
    http://blog.sina.com.cn/s/blog_6543cca50102vzyd.html

    展开全文
  • 看了一下Extjs中html代码会知道,extjsgridpanel中的表格是通过content式的结构书写的。要改变单元格边框的样式就要改变Ext-all.css中.x-grid3-row这个样式。这个样式是应用到最外层div上的。 全局改变只需改变...
     

    看了一下Extjs中html代码会知道,extjs中gridpanel中的表格是通过<div><table><tbody><tr><td><div>content式的结构书写的。要改变单元格边框的样式就要改变Ext-all.css中.x-grid3-row这个样式。这个样式是应用到最外层div上的。

    全局改变只需改变Ext-all.css里面的.x-grid3-row样式

    比如你想去掉边框可以这样:

    一、.x-grid3-row{cursor:default;border:0px solid #fff;border-top-color:#fff;width:100%;}

    如果想个性一点,自己要定义一个样式然后应用到特定的行如:

    一、.my-x-grid3-row{cursor:default;border:0px solid #ccc,border-top-color:#fff;width:100%;}

    二、应用样式,获取div

    var view=grid.getView();

    var rows=view.getRows();//获取所有的行

    var row=rows[0];//获取单行,就是你想改变的那一行,rows[1],rows[2].....都可以,就看你有多少列了

    var cls= Ext.get(row);//获取ext中外层div对象

    cls.removeClass("x-grid3-row");//去掉原来的样式

    cls.addClass("my-x-grid3-row");//加上自己的样式

    这样你会发现原来的边框不见了。大家可以举一反三改变其他样式。

    ps:extjs中css中核心的部分是Ext-all.css,所以大家要是想改变样式直接改变里面的东西就ok啦

    展开全文
  • extjs 中GridPanel常用处理: 当GridPanel的Store加载数据之后,设置默认选中第一行。一般处理方式在Store的Listeners里面处理Load 函数。 <Listeners> <Load Handler="Loaded()" /> </Listeners...

    extjs 中GridPanel常用处理:

    当GridPanel的Store加载数据之后,设置默认选中第一行。一般处理方式在Store的Listeners里面处理 Load  函数。

    <Listeners>

    <Load Handler="Loaded()" />
    </Listeners>

    function Loaded() {
    var sm = GridPanel.getSelectionModel();
    sm.selectFirstRow();
    }

    一般来说GridPanel要设置

    <SelectionModel>
    <ext:RowSelectionModel >
    <Listeners>
    <RowSelect  />
    </Listeners>
    </ext:RowSelectionModel>
    </SelectionModel>

    Selected(record)

    转载于:https://www.cnblogs.com/rpoplar/archive/2012/06/26/2564386.html

    展开全文
  • ExtJS中GridPanel默认选中某些列 解决方法: filterItem_grid.getSelectionModel().selectRow(rowIndex,true);  filterItem_grid为默认的grid名,rowIndex表示被选中的列号(第几行被选中,开始行=0)...
  • 后台得到extjs中gridpanel选中行的某个值function deletefileItems() { var gsm = fileGrid.getSelectionModel();//获取选择列 var rows = gsm.getSelections();//根据选择列获取到所有的行 if (rows.length > 0)...
  • 参考链接:https://blog.csdn.net/weixin_35895056/article/details/112011474
  •  //Val为想要修改的值 方式二、数组方式修改 如果按照直接赋值的形式 Arr[i].data["ColName"]="Val"的方式会出现以数组值被修改成功,但是gridpanel展示的还是旧值,双击单元格后才能看到新值,此时如果reload()就...
  • extjs中gridPanel的属性汇总

    千次阅读 2015-04-17 17:18:07
    1、Ext.grid.GridPanel  主要配置项:  store:表格的数据集  columns:表格列模式的配置数组,可自动创建ColumnModel列模式  autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0  ...
  • ExtJs 中GridPanel分页

    2011-08-15 02:02:30
    Ext.Loader.setConfig({enabled: true}); Ext.Loader.setPath('Ext.ux', 'extjs/ux/'); Ext.require([  'Ext.grid.*',  'Ext.data.*',
  • ExtJS中GridPanel分页

    千次阅读 2012-05-23 20:34:05
    var grid = new Ext.grid.GridPanel({ title: "中国公民", width: 450, cm: cm, store: store, height: 350, renderTo: Ext.getBody(), bbar: new Ext.PagingToolbar({ store: store, pageSize: 5, ...
  • Extjs中gridPanel单元格自定义样式,根据值设置背景色长度。 在网上找了很久的例子,无果!最后捣鼓出来了,其实很简单,但是浪费了很多时间,贴在此处供有需之人用!以免费时费力。。 这是效果...
  • 请问:GridPanel中想显示N条记录,不过不能够分页,而且第一次可能显示100条,然后慢慢的不停的向表格中添加数据(数据是先取出来,然后通过store.add方法添加进去的),一次可能添加100条,1000条.....,
  • 最近在一个项目,客户要求业务列表可定制(显示/隐藏、宽度设置、...几经搜索,找到ExtjsGridPanel使用cookie可以很容易实现列表定制的保存,进行如下两步设置即可: 1.开启cookie [code] Ext.state.Mana...
  • extjs3,大家知道用 myGrid.getColumnModel().setHidden(i,true);但到了4.0后,已经没有getColumnModel这个方法了,我们在Ext.panel.Table看到以下片段 if (headerCtCfg instanceof Ext.grid.header....
  • 最近在接触EXTJS....网上找了个简明实用教程,照着写代码练习,遇上了让我头爆的郁闷问题: 以下这两段代码有哪里不一样?我自己照着写的,运行就报错: 错误信息:   消息: 'undefined' 为空或不是对象 ...
  • 1、Ext.grid.GridPanel  主要配置项:  store:表格的数据集  columns:表格列模式的配置数组,可自动创建ColumnModel列模式  autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0  ...
  • 在使用GridPanel时,在列数量较多或存在备注型信息时,可以通过tip窗体进行每行详细信息的显示,笔者是通过如下方式进行 图例: ClientProduct_grid.on('render',function (grid) {  var store=grid....
  • 偶尔会遇到GridPanel不能出现水平滚动条的问题,特别是在IE和FF浏览器下这样的...在Portal使用时,给Portal的item里面加上 layout:'fit' 就可以了。 如果是其他场合,可能是需要给gridpanel指定下width,仅此而已。
  • 1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格...
  • 废话不说,直接上代码: 第一步:声明变量
  • 怎么判断extjsgridpanel中是否存在数据
  • 1、Ext.grid.GridPanel  主要配置项:  store:表格的数据集  columns:表格列模式的配置数组,可自动创建ColumnModel列模式  autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0  ...
  • /*****************在gridpanel中添加如下属性*************************************/ view : new Ext.grid.GroupingView({ showGroupName : false, groupTextTpl : '{gvalue}:{text} ({[values.rs.length]} {...
  • GET http://localhost:8080/EXTJS_bookManage_page/book.do?method=getBookList&_dc=1312505659541 200 OK 824ms 参数头信息响应XML <results>0 请问那个大侠能够帮忙解决一下啊
  • 1vargrid=newExt.grid.GridPanel([{2cm:newExt.grid.ColumnModel({3header:'',4dataIndex:'',5//设置列显示值6//v:当前列的值7//params:当前列的参数8...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,635
精华内容 2,254
关键字:

extjs中gridpanel