今天又有新发现,自定义 grid 的 rowNumber

最新推荐文章于 2019-05-25 17:08:13 发布
最新推荐文章于 2019-05-25 17:08:13 发布
阅读量567 收藏
点赞数
分类专栏： ExtJS 文章标签： function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangyizhong/article/details/4744904
版权
 

由于要做行的拖动并排序,如果用自带的rowNumber ,那么拖动后的rowNumber值会变,并且 也不会像

理想的那样从1,2,3这样的方式重新排列.

用下面的方法,可以达到目的,

renderer:function (v,m,r,ri,ci) {
  m.css = "x-grid3-td-numberer x-grid3-cell-first";
  return v;
}

把以上的代码放在一个自定义的列里就可以了.

zyzeric
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Extjs之RowNumberer
weixin_30794499的博客
10-20 705
Ext.grid.RowNumberer,Ext.grid.PageRowNumberer 在一个数据表格中,一般都会加一个行号,在ExtJs中,要实现行号这一效果,只需要一句代码: new Ext.grid.RowNumberer() 举个例子,代码如下: var colModel = new Ext.grid.ColumnModel ( ...
【ExtJs】Extjs RowNumberer序号分页递增
hateson的专栏
05-09 1500
Ext.grid.RowNumberer = Ext.extend(Ext.grid.RowNumberer, { renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ return store.lastOptions.params.start + rowIndex + 1; } }); 网上看了很多
Extjs中GripPanel分页使用ExtJs RowNumberer自增的问题
hqmln的博客
11-08 360
ExtJs Grid分页时如果使用ExtJs RowNumberer进行序号表示，默认情况下每页的序号都是从1起始的，这往往不符合我们的习惯。这里实现了序号的自动增加。 实现步骤如下： 1、定义全局变量   var rowStart = 0;   2、Grid的columns部分的定义 columns　:　[ new　Ext.grid.RowNumberer({ 　　head...
当store插入或删除record时改变Ext.grid.RowNumberer
iteye_8635的博客
05-07 318
当store插入或删除record时，要改变Ext.grid.RowNumberer。假设所在grid是testGrid，则在插入或删除后加这句 testGrid.getView().refresh();
C#实现ProperTyGrid自定义属性的方法
09-04
当`PropertyGrid`需要显示或编辑属性时，它会调用`ICustomTypeDescriptor`的方法，从而让我们有机会控制属性的显示和行为。 需要注意的是，`PropertyGrid`控件默认只显示公有读写属性。如果要显示私有属性或控制...
自定义grid
12-04
虽然Android已自带了GridView，但是，却不够灵活，同时也不能自由添加控件，因此，本人通过需要进一步封装，来实现Android自定义GridView控件，达到自己需要的效果。
propertyGrid动态加载自定义属性
08-24
`PropertyGrid`控件通过反射机制自动发现并显示对象的所有公共属性。然而，有时我们希望只显示特定的属性或者添加一些自定义的属性，这就需要用到动态加载自定义属性的技术。 1. **创建自定义属性**: 在C#中，我们...
自定义 grid 控件示例
11-14
在Visual FoxPro（VFP）开发环境中，"自定义grid控件示例"是一个常见的需求，特别是对于增强数据展示和用户交互性。Grid控件，也称为表格控件，是VFP中的一个基本元素，用于显示和编辑二维数据。在这个项目中，...
Ext记录（三）：表格grid的序号刷新、可编辑
huohua0612的专栏
05-25 863
一、grid序号刷新： 方法一： 下面这个方法是在不需要grid表格刷新的需求下适用的，一般用于临时使用的表格、静态表格。 //删除数据，自动排序 Ext.get(usegrid.el.dom).select('td.x-grid-cell-row-numberer div').each(function (el, c, index) { el.setHtml(index + 1); ...
扩展RowNumberer
whui0110的专栏
06-04 127
GridPanel翻页后行号都从1开始，扩展后按翻页的行号计算： Ext.ux.RowNumberer = Ext.extend(Ext.grid.RowNumberer, { renderer: function (v, p, record, rowIndex) { var start = record.store.lastOptions.params.star...
Extjs-表格 Ext.grid.GridPanel
热门推荐
itlwc
08-15 1万+
项目中的grid 自动显示行号 rn = new Ext.grid.RowNumberer(); 复选框 var sm = new Ext.grid.CheckboxSelectionModel({ //如果只允许用户通过复选框执行选中操作放开下面配置项 //handleMouseDown : Ext.emptyFn//可复用的空函数 //true表示只允许选择单行 //singl
EXTJS中的grid显示实际行号
yutel的专栏
03-18 5311
添加一个新的功能Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, { width : 40, renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ if(store.lastOptions.params!=null){ var pageindex=store.lastOptions.params
easyui TreeGrid的rownumbers累计问题
qq_39035267的博客
10-10 735
easyui TreeGrid的rownumbers累计问题onLoadSuccess(加载成功方法)onExpand（展开节点后触发事件）onCollapse（折叠节点后触发事件）三个事件共同调用以下方法： onLoadSuccess(加载成功方法) 我初始表格时，默认的是折叠节点的，当第一次点击展开节点时会重新加载表格，除第一次外都是控 制显示隐藏了 onExpand（展开节点后触发事件...
Extjs rownumberer设置自增
05-20 335
{ xtype:"rownumberer", text: "序号", width:40, renderer : function(grid, rowIndex, colIndex,rownum) { //获取分页数据 var toolbar=this.up().up().down('pag...
GridPanel行号RowNumberer
weixin_30588729的博客
06-05 126
var rowNum = new Ext.grid.RowNumberer({ hidden: false, name: '序号' }); 转载于:https://www.cnblogs.com/angus332770349/archive/2012/06/05/2536926.html
extjs RowNumberer 返回值 居中
lanyingtianshiabc的专栏
11-28 2147
var rownum = new Ext.grid.RowNumberer({         align:"center", header : '序号', width : 50, renderer:function(value,metadata,record,rowIndex){     //直接写  function(value) 没有返回值     return ''+ (ro
grid布局实现高度自定义
最新发布
05-25
Grid布局是CSS3中的一种布局方式，通过将页面划分为行和列的网格，将元素定位到网格中的位置来实现页面布局。Grid布局具有高度自定义的特点，可以通过设置行列数量、行列大小、对齐方式等来实现各种布局需求。 具体来说，实现Grid布局需要以下几个步骤： 1. 定义一个网格容器，并设置display属性为grid。 2. 设置网格容器的行列数量和大小，可以使用grid-template-rows、grid-template-columns、grid-template-areas等属性。 3. 将子元素放置到网格容器中，并设置其所在网格的行列位置，可以使用grid-row、grid-column等属性。 4. 可以设置子元素在网格中的对齐方式，包括水平对齐、垂直对齐和文本对齐等，可以使用justify-items、align-items和place-items等属性。 5. 可以设置网格容器中子元素之间的间距和对齐方式，包括水平间距、垂直间距和文本对齐等，可以使用grid-gap、justify-content、align-content和place-content等属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值