easyui专题
玩转Web之easyui(三)-----easy ui dataGird 重新指定url以获取不同数据源信息
如果已经写了一个dataGird并且已经通过url绑定数据源，能不能在其他地方改变url使其从不同数据源获取信息，从而实现查询等操作？答案当然是肯定的，而且仅需要几行代码 $('#btnq').bind('click', function(){ $('#dg').datagrid({ url: '../servlet/Student_search' });//重新指定url$('#dg'
玩转Web之easyui(二)-----easy ui 异步加载生成树节点（Tree），点击树生成tab(选项卡)
关于easy ui 异步加载生成树及点击树生成选项卡，这里直接给出代码，重点部分代码中均有注释 前台： $('#tree').tree({ url: '../servlet/School_Tree?id=-1', //向后台传送id,获取根节点lines:true,onBeforeExpand:function(node,param){ $('#tree').tree('options'
玩转Web之easyui(一)-----easy ui datagird 分页
无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。点这里可以跳转到教程。 easy ui 中数据表格的分页其实是很简单的，分页是在数据表格可以正常显示数据的基础上进行的，在这里给出servlet的代码，其中selectAll()方法是从数据库中提取所有数据， 分页的一种思路是：从数据表中取出所
easyui window窗口 随body的滚动条 滚动
问题描述： 当easyui window窗口弹出的时候，依然可以滚动body 的滚动条，而且window窗口也会随它一起滚动 思路：bootstrap 模态框弹出的时候，给body 添加了 .modal-open .modal-open { overflow: hidden; } 当模态框关闭的时候，remove .modal-open 解决方
easyui numberbox 输入框禁止输入
{field: 'Amount',title: '金额',width: 80,editor: {type: 'numberbox',options: {disabled: true,precision: 2,min: 0,groupSeparator: ','}} disabled: true; 官网是 disable
关于easyui 窗口位置的调整
（一）easyui 默认的窗口位置 浏览器中间 （二）可直接在style里进行更改 <div id="news_dialog" class="easyui-window" title="新闻标题" closed="true" modal="true" footer="#footer" collapsible="false" style="width:500px;height:300px;pa
easyui获取当前选中的tabs
$("#" + $("#tabs").find("iframe")[$(".tabs-header ul li").index($('.tabs-selected')) - 1].id).contents().find(".search_button").click(); 这句代码获取easyui当前选中的tabs并触发类为".search_button"的点击事件 $("#tabs"
js中给easyui的一列添加按钮
$("#totalTb").datagrid({ columns: [[ { field: 'ENTITY_ACTNAME', title: '活动名称', width: 120, align: "left", halign: 'center' }, { field: 'ACT_RATE', title: '答题中奖率', widt
关于easyui checkbox 的一些操作处理
1、easyui在每一行加checkbox { field: 'id', title: '编号', checkbox: true } 2、easyui分页时记住前面已选的checkbox 设置easyui的dField属性 dField: 数据字段,一般为主键或唯一确定的字段 3、获取已勾选的行： var rows = $('#datagrid').datagrid('
EasyUI-datebox设置开始日期小于结束日期，并且结束日期小于当前日期
datebox设置开始日期小于结束日期，并且结束日期小于当前日期 //日期控制扩展选择日期小于等于当前日期，开始日期小于等于结束日期 $("#datebox1").datebox('calendar').calendar({ validator:function(beginDate){ var date = new Date(); return beginDate < date
EasyUI弹出窗口实例
效果体验：http://hovertree.com/texiao/jeasyui/1.htm源代码下载：HovertreeJEasyUIHTML文件代码： <!DOCTYPE html><html><head><meta charset="UTF-8"><title>jQuery EasyUI实例基本弹出窗口-hovertree</title><link rel="stylesheet"
Easyui Datagrid 解决页面加载重复请求2次后端问题
现象 在页面刚刚打开时，页面加载完毕，显示查询数据，连续请求网络2次， 第一次是只携带了 分页参数； 第二次携带分页和查询参数 问题出现原因 html代码中利用class声明了datagrid，导致easyUI解析class代码的时候先解析class声明中的datagrid，这样组件就请求了一次url；然后又调用js初始化代码请求一次url。这样导致了重复加载。 解决方案 1、js方
easyui 的 DataGrid View 使用
easyui真是后台人员的宝呀，让不会前台的程序员，不用再用那些自己看着都恶心的表格了！ 今天来说说easyui datagrid 的 数据表格详细展示表格，这个有趣多了！ 先上图 然后是代码 $('#tt').datagrid({title:'浏览模式',remoteSort:false,nowrap:false,fitColumns:true,sor
easyui中方法$.messager.show()电脑右下角弹出消息框demo
$.messager.show({title:'提示一下',msg:'你要删除',height:'700',width:'900',timeout:2000,showType:'fade',showSpeed:'8600'});
easyui datagrid动态绑定列名和数据
ashx文件内容 public void ProcessRequest(HttpContext context){//示例用，各位可以根据自己需求写 var id = context.Request["id"];if (id.ToString().Equals("1")){DataTable dt = createTable();DataRow dr = dt.NewRow();dr["fi
easyui 时间控件包含时分
<input class="easyui-datetimebox" name="birthday"data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">
easyui jquery 自定义表单验证 异步 后台
后台代码：public String validDatabaseName(){try {HttpServletRequest request = ServletActionContext.getRequest(); String dbinstanceid = request.getParameter("dbinstanceid");String dbname = request.getPa
easyui学习笔记2—在行内进行表格的增删改操作
第一篇笔记中记录了如何实现表格的增删改，那个是点击之后跳出来一个对话框然后进行的，这里是在表格本身上进行的操作，也很简单，但是这里发现一个版本问题，也可以说是兼容性问题。 1.首先我们看引用的js和css代码 <link rel="stylesheet" href="jquery-easyui-1.3.5/themes/default/easyui.css" /><link rel=
jQuery Easy UI学习（1）——如何使用easyui，导入js顺序
一、首先在WebRoot目录下创建js文件夹，导入压缩好的完整的easy-ui的js包。 二、在HTML的页面中导入easy ui 的js 1、一次导入所有js：(建议用这种) <1>.引用jQuery的js文件 <script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.min.js"></scrip
easyui datagird 总计栏
在使用easyui 的表格的时，很多时候需要加一个总计栏，当然easyui中有加总计栏的方法，写一个footer就好，然而我觉得这种方法并不好，因为添加的总计栏是和列表每个单元格对应的，有长度限制，不美观。 如果你也这样想，可以按我这种方法： 把总计栏写到分页栏里面，这样就可以一行显示啦。 具体方法很简单： 在datagrid的定义后面写一个这个： var pager = $('#dg'
easyui 客户端分页
easyui 服务端想必大家都已直到了，就是传个rows和page数据库查一下就好了。 而如果只需要客户端分页，请往下看： 首先copy这个方法： //easyui前台分页方法function pagerFilter(data){if (typeof data.length == 'number' && typeof data.splice == 'function'){ // 判断数
easyui行编辑：利用append row添加行，直接在行中编辑，ajax提交保存
今天工作用到了easyui行编辑，在这里总结一下，不会的同学可以看看，顺便吐槽一下，网上的很多博客都是粘贴复制的，内容很乱 ，而且看不懂，不知道这些粘贴复制的怀的是什么心，不但没用，还影响别人搜索。 呼吁大家在写博客的时候认真一些，别只粘贴复制，至少可以自己运行好了贴上自己的代码和一点感想，对别人用处很大的。 好了，正题开始——> 我用的是easyui 1.4 效果如下： 点击添加按钮，
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
jQuery EasyUI API 中文文档 - 标签页/选项卡（Tabs）,学习jQuery EasyUI的朋友可以参考下。 Tabs 标签页/选项卡 用$.fn.tabs.defaults重写defaults。 依赖 panel linkbutton 用法示例 创建tabs 1、 经由标记创建Tabs 从标记创建Tabs更容易，我们不需要写任何JavaScript代码
前端工具类集合，整合easyUI和extjs相关方法
var common={ loadMsgText:'正在加载数据...', basePath:'' }; //设置input组件宽度和父td宽度一样 common.setInput100Percent=function(id){ var curInput$=$("#"+id); if(cu
easyui tree 默认打开所有节点
//加载左侧树$('#phenotype').tree({url: base + '/molmeddb/pathema/searchTree.action?t=' + new Date().getTime(),onBeforeLoad:function(node,param){param.termId = id;},formatter:function(node){$('#phenotype').