一、<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. setFeatureInt、android 自定义标题栏

    Android 自带的toolbar 往往不能很好的的满足我们的个性化要求.因此我们经常使用自定的的标题栏.而Android系统本身也允许我们自定以标题栏. 记录一下,自定义标题栏常遇到的问题.先上效 ...

  2. Scorpio-CSharp简介

    Scorpio-CSharp是为了解决Unity游戏各个平台热更新的问题,纯c#实现 基于.net2.0 兼容所有c#平台 语法类似 javascript, 设计初衷是为了做一个所有人都能修改的热更新 ...

  3. 【原创】android内存管理-hprof文件

    转载请注明出处 http://www.cnblogs.com/weiwangnuanyang/p/5703702.html 如果只是想确定一下某一个场景是否有内存泄漏,AndroidStadio的控制 ...

  4. Matrix QR Decomposition using OpenCV

    Matrix QR decomposition is very useful in least square fitting model. But there is no function avail ...

  5. 分析一个类似于jquery的小框架

    在网上下了一个类似于jQuery的小框架,分析源码,看看怎么写框架. 选择器Select //用沙箱闭包其整个代码,只有itcast和I暴漏在全局作用域 (function( window , und ...

  6. 网络存储技术(3) based on zt

    各种术语介绍 一   ESCON    1991 年,IBM公司在S/390服务器中推出了ESCON(Enterprise System Connection)技术.它是基于光纤介质,最大传输速率达1 ...

  7. android 简单打jar包

    先建议一个moduel,先写一个下载图片代码: public class LoadTest extends AsyncTask<Void,Void,byte[]>{ public stat ...

  8. php上传大文件设置方法

    打开php.ini,首先找到 ;;;;;;;;;;;;;;;; ; file uploads ; ;;;;;;;;;;;;;;;; 区域,有影响文件上传的以下几个参数: file_uploads = ...

  9. 【转】 C# 小技巧之获取变量名称

    link: http://www.cnblogs.com/gongy/p/lm-2015-04-03.html 今天在自我规范程序设计的时候,变量名匹配字符串来自配置文件,网上找了一会儿发现也有朋友在 ...

  10. android开发——学习总结20131204

    android:launchMode,即Activity的启动模式,与Intent中的Flags共同作用,决定Activity如何启动. android:launchMode分别有"stan ...