一、<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. 表中排序ID断开重排

    客户需要排序ID和页面的问题序号一致,以前删除过一些问题导致order_id 中间有些断开的. 业务表 T_QUESTION order_id question_id  custom_id --1.创 ...

  2. AngularJS-chapter1-2-四大特性

    4大特性 MVC MVC实例  数据模型,控制器,视图 HelloAngular_MVC.html 图中的 ng-controller="HelloAngular"  定义了Hel ...

  3. MongoDB可视化工具RoboMongo----Windows安装 1

    https://robomongo.org/download 非常小白的安装 自动安装完成. 启动MongoDB Mongodb启动教程 启动RoMongo 创建新的Mongodb 自定义db名称 连 ...

  4. Idea CheckStyle 安装

    Idea CheckStyle 安装 1.    安装CheckStyle a)     下载idea checksytle 插件 b)     打开Idea的 Settings –>Plugi ...

  5. JUC.Condition学习笔记[附详细源码解析]

    目录 Condition的概念 大体实现流程 I.初始化状态 II.await()操作 III.signal()操作 3个主要方法 Condition的数据结构 线程何时阻塞和释放 await()方法 ...

  6. jqurey的跨域使用getjson(http://www.jb51.net/Special/894.htm)

    JS的跨域问题,我想很多程序员的脑海里面还认为JS是不能跨域的,其实这是一个错误的观点:有很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUER ...

  7. java的继承和重写

    继承是面向对象最显著的一个特性.继承是从已有的类中派生出新的类,新的类能吸收已有类的数据属性和行为,并能扩展新的能力.[1]  Java继承是使用已存在的类的定义作为基础建立新类的技术,新类的定义可以 ...

  8. JTAG 学习 -SVF格式

    yxr注: 主要zt,附上自己的心得如下: 1)反观SVF文件,除了设置必要的条件之外(初始条件和TIR等四条命令),真正的运行命令就两条,SIR向JTAG TAP状态机的IR寄存器送命令,SDR往J ...

  9. ---Java 678

    sudo add-apt-repository ppa:webupd8team/java sudo apt-get update udo apt-key adv --recv-key --keyser ...

  10. VS SETUP项目更新的问题

    用VS建立了一个SetUp类型的项目,build以后将生成的setup文件在机器上安装,然后再rebuild,再安装新生成的setup文件,会出现如下的提示信息: Another version of ...