-
关于extjs表格列展示顺序问题10
数据模板
Ext.define('MyData',{
extend: 'Ext.data.Model',
fields: [
{name: 'yhxxId',mapping:'yhxxId'},
{name: 'yhbh',mapping:'yhbh'},
{name: 'yhxm',mapping:'yhxm'},
{name: 'lxdh',mapping:'lxdh'},
{name: 'shouJi',mapping:'shouJi'},
{name: 'email',mapping:'email'}
]
});取数据代码
columns: [
{
header:'用户编号',sortable:false,width:150,dataIndex:'yhbh'
},
{
header:'用户姓名',sortable:true,width:150,dataIndex:'yhxm'
},
{
header:'联系电话',sortable:true,width:150,dataIndex:'lxdh'
},
{
header:'手机',sortable:true,width:150,dataIndex:'shouJi'
},
{
header:'邮箱',sortable:true,flex:1,dataIndex:'email'
}
]页面展示效果如下:
我的问题是:为什么 联系电话 列会跑到最前面,这个展示顺序是按什么规则来的? 请各位帮忙解答一下,谢谢。
问题补充:<div class="quote_title">liuqing_2010_07 写道</div><div class="quote_div">你这个一直都是这样吗?</div> <br />是的,都是这样
问题补充:<div class="quote_title">liuqing_2010_07 写道</div><div class="quote_div"><pre name="code" class="java">
Ext.define('MyData',{
extend: 'Ext.data.Model',
fields: [
{name: 'yhxxId',mapping:'yhxxId'},
'yhbh',
'yhxm',
'lxdh',
'shouJi',
'email'
]
});
</pre> <br /> <br />你这样试一试?</div> <br />好的,明天上班的时候试一下,谢谢
问题补充:这样改了后还是不行。 <br /><div class="quote_title">liuqing_2010_07 写道</div><div class="quote_div"><pre name="code" class="java">
Ext.define('MyData',{
extend: 'Ext.data.Model',
fields: [
{name: 'yhxxId',mapping:'yhxxId'},
'yhbh',
'yhxm',
'lxdh',
'shouJi',
'email'
]
});
</pre> <br /> <br />你这样试一试?</div> <br />
问题补充:这种方法试过了,不行的,谢谢您的回答。<div class="quote_title">renpeng301 写道</div><div class="quote_div"><pre name="code" class="java">
你干脆这样
header:'用户编号',sortable:false,width:150,dataIndex:'yhbh'
把这个改成
header:'用户编号',sortable:true,width:150,dataIndex:'yhbh'
</pre></div> <br />2012年1月09日 17:26
3个答案 按时间排序 按投票排序
-
你干脆这样 header:'用户编号',sortable:false,width:150,dataIndex:'yhbh' 把这个改成 header:'用户编号',sortable:true,width:150,dataIndex:'yhbh'
2012年1月10日 14:04
-
Ext.define('MyData',{ extend: 'Ext.data.Model', fields: [ {name: 'yhxxId',mapping:'yhxxId'}, 'yhbh', 'yhxm', 'lxdh', 'shouJi', 'email' ] });
你这样试一试?2012年1月09日 21:20
相关推荐
ExtJS表格Grid是一款强大的JavaScript组件,它在Web应用中用于展示和操作数据,尤其是在复杂的业务逻辑和大量数据处理中表现出色。这篇博客文章主要探讨了ExtJS Grid的全面功能,结合源码分析和实用工具,帮助开发者...
"ExtJS获取字段宽度顺序调整后的状态"这一主题聚焦于一个关键功能:表单(Grid)列的动态管理,包括列宽的调整和列顺序的改变。在实际应用中,用户可能需要根据自身需求来灵活地改变表格的布局,例如调整列的宽度以...
在ExtJS中实现多行合并(rowspan)的效果,通常是为了在数据表格中展示具有层次结构的数据,或者在某些特定情况下需要对表格行进行合并,以优化数据的展示。这通常涉及到对表格(GridPanel)的配置和自定义。下面...
EXTJS Grid是EXTJS库中的一个核心组件,用于创建数据密集型的表格视图,它在Web应用程序中常用于展示和操作大量结构化数据。EXTJS Grid提供了丰富的功能,包括分页、排序、过滤、编辑等,使得用户可以高效地管理和...
Store负责管理数据,Columns定义列的显示和交互,View是用户看到的表格展示,而Selection Model则控制行的选中行为。 二、数据绑定 EXTJS Grid与Store紧密关联,Store可以加载远程或本地数据。通过设置Store的`...
EXTJS GridPanel 是EXTJS库中的核心组件之一,尤其在EXTJS 2.02版本中,它提供了强大的表格展示和交互功能,对于初学者来说极具学习价值。GridPanel不仅能够处理基本的表格操作,如单选、多选、排序、改变列宽等,还...
例如,在React中,你可以创建状态来保存表格数据和列顺序,然后通过组件的`state`改变来驱动视图更新。 4. **性能优化**: - 对于大数据量的表格,为避免频繁的DOM操作影响性能,可以使用虚拟滚动或只渲染可视...
- **表格列(Column)**:定义表格列的显示和行为。 以上是ExtJS 3.4.0中涉及的基础和实战部分,这些组件和功能构成了ExtJS强大的UI框架,使开发者能够构建功能丰富的交互式Web应用。在实际开发中,开发者还可以...
动态表头是ExtJS中的一个高级特性,它允许用户在运行时自定义表格的列结构,提供了高度可配置和交互性的体验。这个"extjs动态表头"的资源很可能是一个插件或组件,名为`Ext.ux.grid.DynamicGridPanel.js`,它扩展了...
例如,你可以从`Ext.grid.Panel`继承,然后添加自己的列定义、行处理逻辑等,创建一个高度定制化的数据展示组件。 在学习和使用ExtJS的继承机制时,需要注意以下几点: 1. **避免循环引用**:确保类的定义顺序正确...
11. **数据源(Ext.grid.Panel)**:`store`是EXTJS中数据的容器,`columnLines`控制是否显示列分割线,`columns`定义了列的结构。`viewConfig`允许自定义网格视图的属性,如`stripeRows`用于开启斑马线效果,`...
表格布局将子组件组织成表格结构,每个子组件占据表格的一个单元格。通过`columns`属性定义列数,而子组件的`colspan`和`rowspan`属性可以用来跨越多个单元格。 掌握这些布局方式对于构建复杂的、响应式的ExtJS...
总结来说,"ext三列拖动"是使用ExtJS实现的一种交互特性,允许用户通过拖放操作自由调整数据表格的列顺序。这个功能的实现涉及到了ExtJS的组件、布局、事件处理以及与后端数据的同步。理解和掌握这一特性,对于开发...
3. **选择字段导出**:EXTJS的表格列(Column)可以通过配置决定哪些列的数据会被导出。用户可以根据需求选择需要导出的字段,这通常通过事件监听和回调函数实现。 4. **排序导出**:EXTJS的表格支持列排序,排序后...
2.4. 按顺序,咱们先要把常见功能讲到,让grid支持按列排序 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了...
4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.2.1. 分裂,分列。1.x 4.8.2.2. 分裂,分列。2.0 4.8.3. fieldset是个神奇的东西 4.8.4. 当某一天,需要往form加个图片...
它允许开发者以表格的形式展示大量数据,并支持各种交互功能,如排序、筛选、分页、编辑等。在本篇讨论中,我们将深入探讨“datagrid的精妙使用”。 首先,我们要了解datagrid的基础用法。"datagrid的简单使用"通常...