`
单一色调
  • 浏览: 85934 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

EasyUI datagrid动态列(代码)

 
阅读更多
function submitsql(){
    var text = $("#sqls").text();
    if(text.indexOf("select")>-1){
        $('#cxjghh').datagrid({
            width :'auto',
            height :'auto',
            pageSize:5,//设置显示条数之间的间隔
            pageList:[10,15,20,15],
            striped    :true,
            nowrap:false,
            close:true,
            singleSelect :true,
            //url:'servlet/HandleSql.do?sql='+text+'act=sql',
            loadMsg:'数据装载中......',
            pagination:true,
            rownumbers:true,
            frozenColumns:[[
                            {field:'ck',checkbox:true}
                           ]]
        });
         $('#cxjghh').datagrid('getPager').pagination({
                displayMsg:'当前显示从{from}到{to},共{total}记录',
                onBeforeRefresh:function(pageNumber, pageSize){
                    $(this).pagination('loading');
                    $.messager.alert('当前页码','pageNumber:'+pageNumber+',pageSize:'+pageSize);
                    $(this).pagination('loaded');
                   }
        });
         $.ajax({
             type:"POST",
             dataType:"json",
             url:"servlet/HandleSql.do?act=sql",
             async:true,
             data:text,
             success:function(back){
                 $("#cxjghh").datagrid({columns:new Array(back.columns)}).datagrid("loadData",back);
             }
         });
        $("#cxjg").window("open");
    }else{
        $("#w").window('close');
        //alert_message("错误","请先设置sql语句");    
    }
}



可以在后台生成json语句的时候将columns也构建在里面,这样就可以在前台动态构建了。

分享到:
评论

相关推荐

    easyui datagrid标题列宽度自适应

    在提供的压缩包文件“easyui datagrid标题列宽度自适应.doc”中,可能包含了具体的解决方案,如示例代码、步骤说明或问题分析。通过阅读这份文档,可以获取更详细的操作指南和技术细节。 总的来说,解决“easyui ...

    JS EasyUI DataGrid动态加载数据

    实现JS EasyUI DataGrid动态加载数据主要涉及以下几个步骤: 1. **配置DataGrid**: 在HTML中创建DataGrid,并设置其`url`属性为数据源接口,这将用于获取服务器上的数据。同时,设置`pagination`属性为`true`启用...

    easyui datagrid 右冻结

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

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

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

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

    最后,对于“easyui-datagrid-editor”这个压缩包文件,它可能包含了示例代码、样式文件或其他资源,帮助开发者理解并实现编辑状态下Datagrid列值的更新功能。如果需要进一步的帮助,可以查看该文件的内容或查阅...

    easyui datagrid 数据导出到Excel

    文件`Jquery_easyui_datagrid_js导出excel.doc`可能是文档说明或者包含插件使用的示例代码。通常,jQuery插件能简化Datagrid数据导出的操作。一种常见的方式是使用`html2canvas`和`jsPDF`库,它们可以将HTML内容转换...

    EasyUI DataGrid过滤用法实例

    在 EasyUI 中,DataGrid 的过滤功能是通过设置列的 `filter` 属性来启用的。例如,我们可以在创建 DataGrid 时,为每一列定义过滤条件: ```javascript $('#datagrid').datagrid({ columns: [[ {field: 'id', ...

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

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

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

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

    jquery easyui datagrid demo

    总的来说,这个压缩包为学习和使用 jQuery EasyUI 的 Datagrid 提供了全面的资源,包括文档、示例代码和库文件。通过学习这些资料,我们可以有效地实现数据的动态展示、编辑和管理,提升网页应用的用户体验。无论是...

    EasyUI Datagrid 中文排序的问题

    ### EasyUI Datagrid 中文排序解决方案 #### 一、前言 在开发Web应用程序时,经常需要处理中文数据的排序问题。特别是在使用如EasyUI Datagrid这样的前端组件时,中文排序成为了开发者面临的一个常见挑战。本文将...

    easyui datagrid 导出到excel

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如排序、分页、过滤等。"EasyUI Datagrid 导出到Excel"这一主题涉及的是如何将EasyUI Datagrid中的数据显示在Excel表格中,...

    easyui的datagrid生成合并行,合计计算价格

    在描述中提到的"easyui的datagrid生成合并行,合计计算价格",指的是如何使用EasyUI的DataGrid组件来实现表格数据的行合并以及总价的计算功能。以下是对这个知识点的详细解释: 1. EasyUI DataGrid组件: EasyUI的...

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

    DataGrid 不仅可以展示静态数据,还可以动态加载服务器返回的数据。通过使用 DataGrid,开发者能够轻松地为 Web 应用添加复杂的表格显示功能。 ### 二、实现上下左右和回车键切换单元格的需求分析 在实际的应用...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的效果,这对于在数据录入时需要根据上一级选择动态更新下一级选项的情况非常有用,比如在本例中的“老师分类”和“老师细类”。...

    落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo

    本示例项目"落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo"提供了一个解决方案,通过使用NPOI库来实现这一功能。 NPOI是一个强大的.NET库,它允许开发者在.NET环境中读写Microsoft Office文件,...

    easyui datagrid支持设置非冻结的序号列

    实现EasyUI Datagrid的非冻结序号列,通常需要修改其底层的JavaScript代码。这涉及到对Datagrid的渲染逻辑和事件处理进行调整,以确保序号列的行为符合预期。具体步骤可能包括: 1. **分析源码**:首先,我们需要...

    easyui datagrid 表格 打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,其中包括DataGrid,一个功能强大的数据网格组件。DataGrid适用于展示大量结构化的数据,并支持多种操作,如排序、筛选、分页等。本篇文章将...

    EasyUI DataGrid 添加工具

    通过上述示例代码及解析,我们可以看到EasyUI DataGrid插件提供了非常灵活的方式来定义工具栏及其按钮。开发者可以根据实际需求自定义按钮的样式和功能,从而增强应用的交互性和可用性。此外,还可以根据业务需求...

    easyUI datagrid 简便使用文件(含api文档)

    5. **数据绑定与交互**:EasyUI datagrid 支持从服务器动态加载数据,也支持客户端数据操作。简便使用文件可能提供了一些实用的示例,展示了如何与后端服务进行数据交互,例如 AJAX 请求、JSONP、WebSockets 等。 6...

Global site tag (gtag.js) - Google Analytics