`

关于easyUI datagrid前几列冻结的问题的记录

 
阅读更多

$('#staffInfo_table').datagrid({
                        url : '/pc/militiaStaffInfo/getList.htm',
//                        nowrap : false,
                        striped : true,
                        idField : 'employee_id',
                        fit : true,
//                        fitColumns : true,
                        method : 'POST',
                        pagination : true,
                        rownumbers : true,
                        remoteFilter : true,
                        loadMsg : '数据载入中,请稍等...',
                        frozenColumns:[[
                                        {  
                                            field:"employee_id",
                                            align:"center",
                                            checkbox: true,
                                            width:100
                                        },  
                                        {  
                                            title:data[0].title,  
                                            field:"employee_code",
                                            align:"center",  
                                            sortable:true,
                                            width:100
                                        },{  
                                            title:data[1].title,  
                                            field:"employee_name",  
                                            align:"center",  
                                            sortable:true,
                                            width:100
                                        },{  
                                            title:data[2].title,  
                                            field:"mobile",  
                                            align:"center",  
                                            sortable:true,
                                            width:100
                                        },{  
                                            title:data[3].title,  
                                            field:"department_name",  
                                            align:"center",  
                                            sortable:true,
                                            width:100
                                        },{  
                                            title:data[4].title,  
                                            field:"picture",  
                                            align:"center",
                                            width:100,
                                            formatter : function(value) {
                                                if (value == null || value == "") {
                                                    return "";
                                                } else {
                                                    return "<div><a href=\'javascript:StaffInfo.photo(\""
                                                            + value
                                                            + "\")\'><font color='blue'>查看</font></a></div>";
                                                }
                                            }
                                        }]],
                                        columns:arr,
                        toolbar : '#toolBar',
                    });

 frozenColumns在使用这个属性时遇到的问题:不能在这个属性后面直接写一个含有对象column的数组,写成上面的形式。

0
0
分享到:
评论

相关推荐

    easyui datagrid 右冻结

    标题中的“easyui datagrid 右冻结”是指在使用EasyUI框架开发Web应用程序时,针对datagrid组件实现右侧列固定的功能。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括datagrid,它是一个用于展示表格数据的...

    easyui datagrid 表格 打印

    标题“easyui datagrid表格打印”关注的就是如何解决这个问题,即如何将经过formatter处理后的数据在打印时保持原有的格式。 在描述中提到的“支持formatter格式化数据的打印”,指的是Datagrid中用于数据美化和...

    EasyUI Datagrid 中文排序的问题

    本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库,它提供了大量的用户...

    easyui datagrid 数据导出到Excel

    在IT行业中,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。在实际工作中,我们经常需要将这些展示的数据导出到Excel文件,以便进行进一步的分析或存储。下面...

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    JS EasyUI DataGrid动态加载数据

    JS EasyUI DataGrid是一款基于jQuery和EasyUI框架的数据表格组件,它提供了丰富的功能,如数据分页、排序、过滤和自定义操作等。在实际应用中,动态加载数据是DataGrid的一个重要特性,允许用户在需要时加载更多的...

    easyui datagrid在编辑状态下更新列的值

    在使用EasyUI框架开发Web应用时,Datagrid组件是一个非常重要的元素,它提供了一种方便的方式来展示和操作数据。在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地...

    easyui datagrid editor回车切换单元格示例,可参考

    easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。

    easyUI datagrid rownumber自适应宽度扩展JS

    easyUI datagrid 自动调整行号大小

    EasyUI DataGrid过滤用法实例

    总的来说,这个实例提供了关于如何在 EasyUI 的 DataGrid 中启用和使用过滤功能的指导。通过设置列的过滤属性、处理过滤事件和重新加载数据,我们可以创建一个交互性强、用户体验良好的数据管理界面。这个实例对于...

    easyui datagrid 增加鼠标悬停弹窗事件

    在本示例中,我们关注的是如何在EasyUI的Datagrid组件上添加一个特殊功能:当鼠标悬停在某一行时,弹出一个窗口显示该行的关键信息,例如用于图片预览。以下是对这个知识点的详细解释: 1. **EasyUI Datagrid**: ...

    jquery easyui datagrid demo

    这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    easyui datagrid 分页查询样例

    EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的功能,如表格布局、数据分页、排序、过滤等,常用于Web应用的数据展示。在本项目中,"easyui datagrid 分页查询样例"是利用EasyUI Datagrid与...

    Easyui Datagrid 实现行过滤[模糊查询]

    在IT领域,尤其是在Web开发中,EasyUI是一个广泛使用的JavaScript框架,它基于jQuery,提供了丰富的UI组件,如Datagrid,用于构建数据展示和管理的表格。在本篇中,我们将深入探讨如何在EasyUI的Datagrid中实现行...

    easyui datagrid 多条件筛选 可复选 类似淘宝筛选

    在IT领域,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如datagrid,用于构建用户界面。本文将深入探讨如何使用EasyUI datagrid实现多条件筛选功能,特别是支持可复选的筛选条件,类似于淘宝网站上的...

    解决EasyUIdataGrid列比较多,无数据,列展现不全

    ### 解决EasyUI dataGrid列较多时无数据显示不全的问题 在使用EasyUI框架进行前端开发的过程中,可能会遇到dataGrid组件在数据为空时列显示不完整的问题。这不仅影响用户体验,也降低了系统的可用性。本文将详细...

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid打印

    easyUI datagrid的打印,datagrid先查询出数据,然后调用html文件做简单的报表打印。IE,Chrome,360浏览器都适用

    easyui datagrid标题列宽度自适应

    总的来说,解决“easyui datagrid标题列宽度自适应”的问题,需要理解EasyUI的工作原理,掌握CSS和JavaScript的相关知识,并具备一定的编程实践能力。正确配置和应用这些技术,能帮助开发者创建出更符合用户体验的...

Global site tag (gtag.js) - Google Analytics