easyui 使用问题积累
一、<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 使用问题积累的更多相关文章
- 前端框架Easyui学习积累
前端框架Easyui学习积累 1.easyui textbox 赋值:$("#id").textbox("setValue","xx"); ...
- easyui技术积累
1.easyui-textbox与easyui-combobox的onChange事件 //在页面载入后执行下面函数$('#xxx_id').textbox({ onChange: function( ...
- 前端框架 EasyUI （0） 重新温习（序言）
几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是 ...
- JavaScript- jquery easyui 可编辑表格插件 easyui.editgrid
最近项目前端使用 jquery+easyui来做,用了几个月,觉得easyui是一个很不错的开源前端UI框架, 虽然偶尔会遇到一些小问题,但是凭借多年前端开发的实力积累 都一一解决了,其中比较典型的就 ...
- 基于MVC4+EasyUI的Web开发框架经验总结（3）- 使用Json实体类构建菜单数据
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...
- 基于MVC4+EasyUI的Web开发框架经验总结（2）- 使用EasyUI的树控件构建Web界面
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...
- 基于MVC4+EasyUI的Web开发框架经验总结（1）-利用jQuery Tags Input 插件显示选择记录
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...
- Jquery easyui中的有效性检查
使用过程中的一积累,备查. EasyUI 验证框使用方法: //*************************** missingMessage:未填写时显示的信息 validType:验证类型见 ...
- EasyUI的DataGrid 打印导出
EasyUI的DataGrid 打印导出 一直在Winform和WPF的项目,偶尔接触Web都是网上下个模板修修改改就成了,学习的不太深入. 今日遇到一个打印导出datagrid的问题,做桌面项目 ...
随机推荐
- 最新原创：Power8伴随云计算横空出世
Power8伴随云计算横空出世 自从IBM将并不赚钱的x86服务器业务转手给联想之后,从此IBM便开始了硬件转型的新里程碑.伴随此事继续发酵的还有Power System Linux落户北京,从此IB ...
- Openstack Day1简介及虚拟环境搭建
本文章仅作为作者本人存档记忆!恕不详细展开内容! openstack kilo版本重要组件(module)简介 ======================================= Ke ...
- [转载]Python & Selenium -- 页面加载时间过长&启动指定FF
原文链接:https://my.oschina.net/u/2344787/blog/400507?p={{page}} 1. selenium webdriver在get方法会一直等待页面加载完毕才 ...
- （分享）视频压缩Free Video Compressor 汉化版/中文版【全网唯一】
介绍:Free Video Compressor 是一个免费视频压缩软件,可以帮您有效的压缩视频.电影文件的体积大小,减小占用的磁盘空间,使之更容易放到手机中保存播放Free Video Compre ...
- IT行业找工作难
1.面试官主要看年龄,年龄小,技术再牛也不给你面试机会. 2.现在培训机构太多了,不管多大岁数的人看见这行业赚钱就立刻辞职去培训. 3.刚培训出来的能找到2w!!有的老板面试只看工作经验,不管之前干什 ...
- 微信支付之JSAPI开发第一篇-基本概念
申请权限 具体步骤就不说了,进入微信支付商户平台进行申请认证,认证成功后在微信公众号后台会有个微信支付的菜单按钮,点击后会有如下的信息 配置 在进行微信支付开发之前,必须进行一些必要的配置,如果这些配 ...
- JQuery实现的模块交换动画效果
<!doctype html> <html> <head> <meta http-equiv="content-type" content ...
- NDO to PNP( ndoutils to PNP4Nagios)
How to use this script The aim of this script is to import your ndo database directly into PNP4nagio ...
- Web前端开发：为何选择MVVM而非MVC
在Web中充斥着所谓的MVC框架,而在我看来,因为一些关键性的技术原因,MVC在Web前端开发中根本无法使用(对的,是无法,而不是不该) 在Web中充斥着所谓的MVC框架,而在我看来,因为一些关键性的 ...
- asp.net(C#)利用QRCode生成二维码(续)-在二维码图片中心加Logo或图像
<%@ WebHandler Language="C#" Class="GetQRCode" %> using System; using Syst ...