EasyuI comboxTree 使用笔记

继承至 $.fn.combo.defaults 和$.fn.tree.defaults.覆盖默认值$.fn.combotree.defaults. combotree结合选择控制和下拉树,类似于combobox只是替换了列表为tree控件,combotree 支持树复选框,可以方便的实现多选相关依赖 combo tree 使用从标记创建combotree 使用javascript创建combotree $('#cc').combotree({url: 'get_data.php',…

Easyui学习整理笔记

目录 (1) 表格双击事件 (2) treegrid传参更新 (3) 设置列表checkbox单选 (4) Easyui实现单行选择和取消选择 @ 对工作中遇到的easyui做一下笔记,不定时更新 (1) 表格双击事件 datagrid和treegrid都适用,例子: onDblClickRow :function(rowIndex,rowData){ var selections = $("#areaList").datagrid('getSelections'); var area…

easyUI datagrid学习笔记

1.easyUI表格的列属性 formatter:function(value,rowdata,rowindex) { return '['+value+']';//格式化,给每个值加上'[]': } 2.easyUI表格的点击表格列标题时触发的事件onHeaderContextMenu onHeaderContextMenu:function(e,field) { console.log(field);//得到列标题 } 3.easyUI表格的右击表格时触发的事件onRowContextMen…

easyui---tabs(选项卡)

配置好easyui环境 1.笔记: tabs(选项卡) class:class="easyui-tabs" //<div class="easyui-tabs" style="width:700px;height:auto"></div> 是否可以关闭:closable:true 选项卡标签的宽度:data-options="tabWidth:200" 下拉菜单: <div id="mm…

EasyUI 开发笔记(二)

接上篇 :EasyUI 开发笔记(一) (http://www.cnblogs.com/yiayi/p/3485258.html) 这期就简单介绍下, easyui 的 list 展示, 在easyui中叫datagrid, 其实就是html中,放个<table>然后用easyui 的datagrid 为其绑定数据. 界面如图这样: aspx 页面代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN…

EasyUI 开发笔记(一)

由于某些原因,在公司做的后台需要改成类似于Ext.js 形式的后台,主要看好其中的框架布局,以及tab开页面和弹出式内部窗体. 后来看看,改成EasyUI,较Ext.js 库小很多,也便于公司的初级程序员能尽快上手,只需要jquery与js的部分开发知识即可. 目前,这块的后台已经开发进行一段时间了,现整理下,做个开发笔记. 笔记就分3部分,如果看懂的话,做一般的XX管理系统,都无问题了. 1. 页面整体框架搭建. 2. 某一个功能页面的增删改查. 3. 一些遇到的问题解决办法. 界面截图:…

easyui学习笔记8—在手风琴中加载其他的页面

在手风琴中加载其他页面和在表格中加载其他的页面有写类似的,就是请求另外一个页面显示数据. 1.先看看引用的资源文件 <link rel="stylesheet" href="jquery-easyui-1.3.5/themes/default/easyui.css" /> <link rel="stylesheet" href="jquery-easyui-1.3.5/themes/icon.css" /&g…

easyui学习笔记2—在行内进行表格的增删改操作

第一篇笔记中记录了如何实现表格的增删改,那个是点击之后跳出来一个对话框然后进行的,这里是在表格本身上进行的操作,也很简单,但是这里发现一个版本问题,也可以说是兼容性问题. 1.首先我们看引用的js和css代码 <link rel="stylesheet" href="jquery-easyui-1.3.5/themes/default/easyui.css" /> <link rel="stylesheet" href=&quo…

easyui学习笔记1—增删改操作

最近公司要用easyui,这里自己看了官网几篇文章,遇到些问题,大多数的问题都是敲代码的时候笔误,其他有些地方确实需要注意一下,这里做些笔记. 1.在mysql中建好表之后修改id字段为递增字段,发现这个奇怪的mysql语法,如下 alter table student change id id int auto_increment; 这句是在student表已经建好的情况下来修改字段id为自增列,奇怪的是为嘛change id id,并且后面还要带上id的类型int? 2.html5标记如何…

jQuery EasyUI 使用笔记

大家有四次抢票机会.第一次是放票时间之后的30分钟.第二次机会是开车前的15天.第三个机会是开车前的48小时.第四个机会是开车前的24小时. $("#gys_key").combogrid("getValue") $('#dtpDate').datebox("getValue") 1.导入js 2.datagrid重新加载 3.弹出div,打开新页面 4.实现分页 5.双击 6.嵌套子表格 7.javascript刷新页面导入JS,CSS …

EasyUI学习笔记之panel

<easyUI panel 属性:>  <id="tt",这个标签内的内容被当做tool属性的值,做了添加和编辑的JS操作事件> <div class="easyui-panel" style="width:300px;height:200px"…

easyUI datagrid笔记

easyUI datagrid 简单使用与注意细节背景: 业余爱好,使用了一下easyUI的搜索框与数据表格,并把两者整合起来进行使用. 使用前提(引入需要的js and css): <link rel="stylesheet" type="text/css" href="./css/easyui.css"> <link rel="stylesheet" type="text/css"…

CI 笔记（easyui js命令）

1. 两种方式加载easyui,一是用class自动渲染,一种是js.建议js. 2. 参考李炎恢的easyui的视频教程.最好的一个视频,对于easyui.…

CI 笔记3 （easyui 的layout布局，最小化layout原型）

在做easyui的layout的布局时,最小化一个原型,分2步,一个是div的父标签,一个是body做父标签,全屏的. 步骤分别为: 在设置的5个区中,div的最后一个,必须是data-options=center,如果是别的区,将报白屏异常. 在layout的5个区中,最小化显示,必须有三个<div data-options>,从父层进入后,最小化必须有三个,才会显示,且最后一个必须为center.父层的div的style,可无高度的大小. 在div作为父标签的layout中,data-op…

CI 笔记3 （easyui 和 js 排错）

开始使用easyui作为后台框架,做layout布局,浏览器白屏,报告异常,除错过程步骤如下: 浏览器加载easyui后,布局的north,south,west,east,center,没有起作用,在显示器上仍然是白屏查找是否加载easyui的css和js,从浏览器chrome的开发者工具-->"network" ,检查是否有遗留加载,如有问题,用绝对路径进行加载. 在排除加载的错误后,然后刷新时,仍旧白屏, 在开发者工具-->console 中,提示有错误异常信息,如下…

Spring+SpringMVC+MyBatis+easyUI整合进阶篇(二)RESTful API实战笔记(接口设计及Java后端实现)

写在前面的话原计划这部分代码的更新也是上传到ssm-demo仓库中,因为如下原因并没有这么做: 有些使用了该项目的朋友建议重新创建一个仓库,因为原来仓库中的项目太多,结构多少有些乱糟糟的. 而且这次的代码改动较大,与原来的目录结构及代码风格相比都有很大的差别. 同时也考虑到不同的人所处的学习阶段不同,担心有人不习惯也不适应这种风格及后面的更新,有的朋友甚至可能是初学者,更适合学习ssm-demo这个基础项目. 基于以上几点,最终并没有选择把几个项目都放在一个代码仓库中,而是另外花了些时间改动并…

EasyUI学习笔记---Datagrid真分页

EasyUI Datagrid组件在我看来功能还是很强大的,在我使用过程中遇到分页请求的问题困扰了一天才解决,下面我就把我遇到的问题分享一下 //datagrid数据表格渲染 $("#dg").datagrid({ loader: function(param, success, error) { var pageNumber = param.page; var pageSize = param.rows; $.ajax({ type: "get", url: ur…

EasyUI ComboGrid 笔记(支持分页)

业务要求: 下拉框做选择时需要展现多个字段供用户参考,由于内容可能会很多,故还需要考虑分页. 解决方案: 由于项目整体已经采用了EasyUI,在浏览了demo以后,初步考虑使用EasyUI的combogrid. 界面参考: 实现细节: 下拉框代码,发现combogrid是继承datagrid的,所以可以使用pagination属性, <select id="leftItem" class="easyui-combogrid" name="leftIt…

easyui学习笔记14-拓展的基本验证规则

/** * 扩展的基本校验规则, */ $.extend($.fn.validatebox.defaults.rules, { minLength : { // 判断最小长度 validator : function(value, param) { value = $.trim(value); //去空格 return value.length >= param[0]; }, message : '最少输入 {0} 个字符.' }, length:{validator:function(valu…