一、<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. centos7使用传统网卡名

    http://serverfault.com/questions/692897/centos-7-disable-predictable-network-interface-names-during- ...

  2. backup3

    private void changLayoutTemp2(IActiveView activeView, IPageLayout pageLayout, IPageLayout pTempPageL ...

  3. 使用Git命令上传本地项目

    前提,安装git,使用cmd进入项目根目录. 初始化git init 再添加文件git add .git commit -m '项目名' 上传项目到Github仓库git remote add ori ...

  4. Media Queries详解

    Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:  <link href="css/reset.css" rel ...

  5. js 表格实现

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. 查看python api

    以下方法可以查看python 的api,包括selenium webdriver,requests等 1.cmd进入dos命令行窗口,输入python -m pydoc -p 2345   (2345 ...

  7. C语言Notebook

    int *pointer=NULL    /*指针变量一定要赋初值*/pritnf("Pointer' address is:%p",&pointer);  /*打印指针变 ...

  8. 为 Linux 应用程序编写 DLL[转]

    自:http://www.ibm.com/developerworks/cn/linux/sdk/dll/index.html 在仅仅只会编写插件的时候为什么要编写整个应用程序? 插件和 DLL 通常 ...

  9. Kafka报错-as it has seen zxid 0x83808 our last zxid is 0x0 client must try another server

    as it has seen zxid 0x83808 our last zxid is 0x0 client must try another server 停止zookeeper,删除datadi ...

  10. 删除注释云平台JS，加快DISCUZ访问

      对于港台或者美国服务器的用户可能感觉访问慢,页面卡:实际上是由于 http://www.discuzlab.com/discuz.gtimg.cn/cloud/scripts/discuz_tip ...