一、<a>标签中onclick和javascript事件与grid的select事件执行的先后顺序

html:

<a href='javascript:func();' onclick='func2();'>处理</a>

script:

function func() {

    console.log('javascript->');

    console.log($("#grid").datagrid('getSelected'));

}

function func2() {

    console.log('onclick->');

    console.log($("#grid").datagrid('getSelected'));

}

结果：

处理事件执行顺序

onclick

select

javascript

二、queryParams:{},的作用

1、不加

function init() {

  $('#dg').datagrid({

    queryParams{},

    url:...,

    columns:[[

      ...

    ]]

  });

}

①初始化

init();

②带参数加载数据

$('#dg').datagrid('load', { param: 1 });

③初始化

init();

顺序执行到③时，请求会带上param=1

2、加上

顺序执行到③时，会冲掉②所加的参数param=1

三、datagrid初始化与加载

function a() {

　　$("#coreHspManDetailInfoSyncDoctorG").datagrid({

        title: '医院医生',

        columns: [[

            {field:'name',title:'姓名',width:100,align:'left',halign:'center'},

            {field:'dep_name',title:'科室',width:125,align:'left',halign:'center'}

        ]],

        fit: true,

        pagination: true,

        pageSize: 100,

        onLoadSuccess: function() {

            $(this).datagrid('getPager').pagination({ displayMsg: '' });

        }

    });

}

function b() {

　　$("#coreHspManDetailInfoSyncDoctorG").datagrid({

        url: _basePath+'/coreOM/coreHspMan/queryHspDoctor.html'

　　});

}

用a()初始化，然后用b()加载数据时，存在的问题是，页数会记住。

四、combogrid的disabled属性

<input type="text" id="coreScheMan_det_add_form_org_code" name="org_code"/>

function a() {

　　$('#coreScheMan_det_add_form_org_code').combogrid({

　　　　url: _basePath+'/coreOM/coreScheMan/queryHsp.html',

　　　　idField: 'org_code',
　　　　textField: 'name',
　　　　required: true,
　　　　disabled: true,
　　　　mode: 'remote',
　　　　columns: [[
　　　　　　{field:'org_code',title:'编码',width:100},
　　　　　　{field:'name',title:'名称',width:200}
　　　　]],
　　　　panelWidth: 325

　　});

}

function b() {

    $('#coreScheMan_det_add_form_org_code').combogrid('disable');

}

使用a()时，用form的serialize()方法可以获取到org_code的值，使用b()后，获取不到，可以通过combogrid的getValue方法获取到。

五、appendRow后getRows

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Basic Tabs - jQuery EasyUI Demo</title>

    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">

    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">

    <script type="text/javascript" src="easyui/jquery.min.js"></script>

    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

</head>

<body>

    <div id="dg"></div>

    <a href="javascript:fun1();" class="easyui-linkbutton">按钮1</a>

    <a href="javascript:fun2();" class="easyui-linkbutton">按钮2</a>

<script>

    $("#dg").datagrid({

        data:{"rows":[{"name":"项目一","num":1,"price":10,"amount":0},{"name":"项目二","num":2,"price":20,"amount":1}]},

        columns:[[

            {field:'id1',title:'id1',align:'center',hidden:true},

            {field:'id2',title:'id2',align:'center'},

            {field:'name',title:'项目',align:'center'},

            {field:'num',title:'数量',align:'center'},

            {field:'price',title:'价格',align:'center'},

            {field:'amo',title:'费用',align:'center',

                formatter:function(value, row, index) {

                    return row.num * row.price;

                }

            }

        ]],

        singleSelect: true

    });

    function fun1() {

        var rows = $("#dg").datagrid('getRows');

        console.log(rows);

    }

    function fun2() {

        $("#dg").datagrid('appendRow', {

            id1 : 1,

            id2 : 2,

            name : '项目三',

            num : 3,

            price : 30,

            amo : 90

        });

    }

</script>

</body>

</html>

getRows方法获取到的行的field与columns中定义的无关，结果如下图所示。

easyui 使用问题积累的更多相关文章

  1. 前端框架Easyui学习积累

    前端框架Easyui学习积累 1.easyui textbox 赋值:$("#id").textbox("setValue","xx"); ...

  2. easyui技术积累

    1.easyui-textbox与easyui-combobox的onChange事件 //在页面载入后执行下面函数$('#xxx_id').textbox({ onChange: function( ...

  3. 前端框架 EasyUI （0） 重新温习（序言）

    几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是 ...

  4. JavaScript- jquery easyui 可编辑表格插件 easyui.editgrid

    最近项目前端使用 jquery+easyui来做,用了几个月,觉得easyui是一个很不错的开源前端UI框架, 虽然偶尔会遇到一些小问题,但是凭借多年前端开发的实力积累 都一一解决了,其中比较典型的就 ...

  5. 基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  6. 基于MVC4+EasyUI的Web开发框架经验总结（2）- 使用EasyUI的树控件构建Web界面

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  7. 基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

  8. Jquery easyui中的有效性检查

    使用过程中的一积累,备查. EasyUI 验证框使用方法: //*************************** missingMessage:未填写时显示的信息 validType:验证类型见 ...

  9. EasyUI的DataGrid 打印导出

    EasyUI的DataGrid 打印导出   一直在Winform和WPF的项目,偶尔接触Web都是网上下个模板修修改改就成了,学习的不太深入. 今日遇到一个打印导出datagrid的问题,做桌面项目 ...

随机推荐

  1. TabLayout 简单使用。

    先上效果图 在使用TabLayout 之前需要导入design包. 我使用的是android studio 只要在build.gradle中加入 compile 'com.android.suppor ...

  2. oracle重装系统后恢复

    前提:各种文件都存在 1.将原oracle文件夹app更名为app_old 2.重新安装oracle(路径,实例等最好都一样),配置监听,服务能正常启动,连接进入数据库 3.关掉oracle服务,将新 ...

  3. neutron floatingip-delete

  4. Thinkphp源码分析系列（三）– App应用程序类

    // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO ...

  5. Word自动生成目录

    博主最近在写报告的时候要在Word里面做个目录,再做个页码,然后上网搜了一些方法,非常零散,我弄了好久才弄好.在这里我把整套方法分享一下. 声明:内容完全独创! 工具:Word 2016. 效果:如下 ...

  6. Java的版本分类

    J2EE (JavaEE)Java2 Enterprise Edition定位在服务器端的应用 J2SE(JavaSE)Java2 Standard Edition定位在个人计算机上的应用 J2ME( ...

  7. python 功能代码安全高效写法

    一. with 链接地址:https://www.ibm.com/developerworks/cn/opensource/os-cn-pythonwith/

  8. Fisher vector for image classification

    http://files.cnblogs.com/files/sylar120/fisher_vector.rar 拿各个参数上的偏导作为特征

  9. centos 7 开启端口重启防火墙

    开启端口   firewall-cmd --zone=public --add-port=80/tcp --permanent   命令含义:   --zone #作用域   --add-port=8 ...

  10. 表示即将废弃一个方法，或不赞成使用的一个方法或属性或其它，关键词 deprecated