一、<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. Cocos2d-x-3.0 Touch事件处理机制

    在学习Cocos2d-html5游戏例子的时候,注册事件代码一直提示:TypeError: cc.Director._getInstance(...).getTouchDispatcher is no ...

  2. PostgreSQL 在centos 7下的安装配置

    安装postgresql: sudo yum install postgresql-server 初始化数据库: sudo postgresql-setup initdb 启动数据库: sudo sy ...

  3. MySQL 第八天（核心优化二）

    一．昨天内容回顾 存储引擎 保存数据的格式(技术),不同格式体现特性不一样 myisam ① 结构.数据.索引 文件单独存储 ② 存入数据顺序(不考虑主键顺序) ,写入数据速度快 ③ 并发性,低,锁整 ...

  4. ARCGIS多种影像裁剪

    在互联网上下载的遥感影像都进行过分幅处理,下载下来的影像多是规则的四方形,而在进行遥感影像研究时,多是针对特定区域来进行,比如研究北京市的遥感影像,不在北京市范围内的影像对于研究者就没有利用意义,如果 ...

  5. Ansible playbook API 开发 调用测试

    Ansible是Agentless的轻量级批量配置管理工具,由于出现的比较晚(13年)基于Ansible进行开发的相关文档较少,因此,这里通过一些小的实验,结合现有资料以及源码,探索一下Ansible ...

  6. docker在ubuntu14.04下的安装笔记

    本文主要是参考官网教程进行ubuntu14.04的安装. 下面是我的安装笔记. 笔记原件完整下载: 链接: https://pan.baidu.com/s/1dEPQ8mP 密码: gq2p

  7. 类似lol的友军视野怎么实现

    https://github.com/kbengine/kbengine/issues/129 你们可以按这个思路自己先改一下 例如: 可将队友的AOI实体也同步到自己的客户端中. 可对某些特定类型的 ...

  8. Winform窗体关闭时判断是否关闭

    在窗体的关闭事件FormClosing中进行判断,FormClosing事件每当用户关闭窗体时,在窗体已关闭并指定关闭原因前发生. private void Form1_FormClosing(obj ...

  9. 在php中防止SQL注入的方法

    摘要:我们php手手工安装的,php的默认配置文件在 /usr/local/apache2/conf/php.ini,我们最主要就是要配置php.ini中的内容,让我们执行 php能够更安全.整个PH ...

  10. win7默认网关不可用怎么解决

    方法一:自动获取 1 有的电脑设置了固定的网关和IP地址.  设置方法: 进入"控制面板" , 然后点击"网络和Internet"!! 步骤阅读 2 然后点击& ...