easyui data-options的使用

Easyui data方法扩展finder

finder: function(jq, conditions){ if(!$(jq).data("OriginalData")){ $(jq).data("OriginalData",$(jq).datagrid("getData").rows); } var rows = $(jq).datagrid("getRows"); var resluts =[]; if(!$.trim(conditions.value)){ r…

扩展 easyui 控件系列：为datagrid 增加过滤行

此功能还为真正完成,起到抛砖引玉的效果,发动大家的力量把这个功能完善起来,效果图如下: 基本上就是扩展了 datagrid.view 中的onAfterRender 这个事件,具体代码如下: $.extend($.fn.datagrid.defaults.view,{ onAfterRender:function(target){ var dc = $.data(target,'datagrid').dc; if(dc.header2.find('[filter="true"]').l…

jquery easyui 插件开发

(function($) { /** * 插件定义 */ $.fn.resquery = function(options, param) { if (typeof options == "string") { return $.fn.resquery.methods[options](this, param); }; options = options || {}; return this.each(function(){ var id = $(this).attr("id…

easyui源码翻译1.32--ComboBox（下拉列表框）

前言扩展自$.fn.combo.defaults.使用$.fn.combobox.defaults重写默认值对象.下载该插件翻译源码下拉列表框显示一个可编辑文本框和下拉式列表,用户可以选择一个值或多个值.用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值依赖关系 combo 源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 */ (function ($) { //设置下拉面板滚动条位置 function scrollTo(jq,…

easyui源码翻译1.32--Tree（树）

前言使用$.fn.tree.defaults重写默认值对象.下载该插件翻译源码树控件在web页面中一个将分层数据以树形结构进行显示.它提供用户展开.折叠.拖拽.编辑和异步加载等功能. 源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 */ (function ($) { //渲染样式 function wrapTree(jq) { var tree = $(jq); tree.addClass("tree"); return tree…

easyui源码翻译1.32--TreeGrid（树形表格）

前言扩展自$.fn.datagrid.defaults.使用$.fn.treegrid.defaults重写默认值对象.下载该插件翻译源码树形表格用于显示分层数据表格.它是基于数据表格.组合树控件和可编辑表格.树形表格允许用户创建可定制的.异步展开行和显示在多列上的分层数据. 源码 /** * jQuery EasyUI 1.3.2 * *翻译:qq 1364386878 下拉树 */ (function ($) { //获取行索引 function getObjectIndex(rows,…

[js]jQuery EasyUI的linkbutton组件disable方法无法禁用jQuery绑定事件的问题分析

问题由来 linkbutton 是 jQuery EasyUI 中常用的一个控件,可以使用它创建按钮.用法很简单,使用 a 标签给一个easyui-linkbutton 的class就可以了. <a id="btn" class="easyui-linkbutton">这是一个按钮</a> 或者使用代码方式. $("#btn").linkbutton(); 实际使用时,经常会使用 jQuery 添加事件处理函数.例如 $(…

jQuery EasyUI Datagrid组件默认视图分析

在Datagrid基础DOM结构的一文中,我对Datagrid组件的骨架做了很详细的描述.有了骨架还并不完整,还得有血有肉有衣服穿才行.强大的Datagrid组件允许我们自己定义如何在基础骨架上长出健壮诱人的身体,我们只要定义Datagrid的视图就可以实现. 在大多数情况下,我们并无特别要求,Datagrid给我们提供了默认的视图,默认视图被使用在90%以上的场景,所以对默认视图的分析显得非常有必要.注意视图里面定义了哪些接口,哪些方法,如果要自己写视图的话,最好把这些接口和方法都写齐全.话不…

jQuery中attr()、prop()、data()用法及区别

.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property..prop(),此方法jq1.6引入,读/写DOM的property..data(),此方法在jq1.2.3引入,作用是把任意的值读取/存储到DOM元素对应的jq对象上. 从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()…

jQuery1.9.1源码分析--数据缓存Data模块

jQuery1.9.1源码分析--数据缓存Data模块阅读目录 jQuery API中Data的基本使用方法介绍 jQuery.acceptData(elem)源码分析 jQuery.data(elem, name, data)源码分析 internalRemoveData方法源码分析 internalData方法的源码分析 jQuery.fn.extend({data: function( key, value ) {}})源码分析 jQuery.extend({removeData: fu…

-_-#【jQuery】data

.data() <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body data-last-value="43" data-options='{"name": "John"}'> <script src="h…

jquery中attr、prop、data

在高版本的jquery中获取标签的属性,可以使用attr().prop().data(),那么这些方法有什么区别呢? 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. .data()看作是存取data-xxx这样DOM附加信息的方法上面的描述也许有点模糊,举几个例子就知道了. <a href="http://www.baidu.com" target="_self"…

bootstrap data

bootstrap data 用法 <div data-role="page" data-last-value="43" data-hidden="true" data-options='{"name":"John"}'></div> $("div").data("role") === "page"; $("div…

bootstrap data- jquery .data

jquery官网对.data函数描述是:在匹配元素上存储任意相关数据或返回匹配的元素集合中的第一个元素的给定名称的数据存储的值. 存储键值(key/value): $("body").data("foo", 52); $("body").data("bar", { myType: "test", count: 40 }); $("body").data({ baz: [ 1, 2,…

jQuery 的.data()方法

jQuery文档对.data()方法的描述: As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object. The treatment of attributes with embedded dashes was changed in jQuery 1.6 to conform to the W3C HTML5 specification. 示例: <div…

✅问题：Rails.ajax的data不支持{}hash格式。必须使用string。 dataType的格式。

Rails.ajax({ url: url, type: "PATCH", data: {"post":{"category_id":this.value}}, dataType: "json" }) 不支持这个格式,不会传递参数. $.ajax仍然可以使用.并可以用data: {"post":{"category_id":this.value}}传递参数. 解决记录: 昨天晚上2小时…

jQuery中使用data()方法读取HTML5自定义属性data-*实例

如果你使用jQuery类库,那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性,方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下: 复制代码代码如下: .data( key, value ).data( obj ).data( key ).data() 从jQuery 1.4.3起, HTML 5 data- 属性将自动被引用到jQuery的数据对象中.例如HTML: 复制代码代码如下: <div data-role =…

jQuery数据缓存$.data 的使用以及源码解析

一.实现原理: 对于DOM元素,通过分配一个唯一的关联id把DOM元素和该DOM元素的数据缓存对象关联起来,关联id被附加到以jQuery.expando的值命名的属性上,数据存储在全局缓存对象jQuery.cache中.在读取.设置.移除数据时,将通过关联id从全局缓存对象jQuery.cache中找到关联的数据缓存对象,然后在数据缓存对象上执行读取.设置.移除操作. 对于Javascript对象,数据则直接存储在该Javascript对象的属性jQuery.expando上.在读取.设置.移…

HTML5数据存储方案data与jQuery数据存储方案$.data()的区别

我们先看下$.fn.data()的使用,这个和$.data()是不一样的,前者是和某个jquery对象相关,后者则是全局方法.主要有data()和removeData()这2个实例方法.通过下面的例子和执行结果可以看到:$.fn.data()和$.fn.removeData()跟$.data的使用方式没有什么差别. // 支持任何数据类型 2. $( "body" ).data( "name", "xx" ); 3. $( "body&…

Swift开发中 JSON对象/JSON字符串/Data的互转

本文将介绍Swift开发中常用的转换(JSON对象/JSON字符串/Data之间的互相转换) #pragma mark - JSON(对象)----->JSON字符串 1.原生方法 //JSON--->data--->JSON字符串 let data = try? JSONSerialization.data(withJSONObject: json, options: []) let jsonString = String(data: data, encoding: String.En…

jQuery attr() prop() data()用法及区别

.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property..prop(),此方法jq1.6引入,读/写DOM的property..data(),此方法在jq1.2.3引入,作用是把任意的值读取/存储到DOM元素对应的jq对象上.从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()总…

jQuery的data()方法

asp.net mvc4 eui datagrid视图重写分页

效果图前端代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <link href="~/Scripts/eastui/themes/icon.css" rel="stylesheet" /> <l…

JS组件系列——自己动手封装bootstrap-treegrid组件

前言:最近产品需要设计一套相对完整的组织架构的解决方案,由于组织架构涉及到层级关系,在表格里面展示层级关系,自然就要用到所谓的treegrid.可惜的是,一些轻量级的表格组件本身并没有自带树形表格的功能,比如bootstrapTable就没有这个功能,怎么办呢?如果是jqgrid.easyUI的表格,treegrid的效果可以说是轻而易举就能解决,而项目目前用的就是bootstrapTable,不可能这个时候因为这个需求去换组件吧.博主分析了下,无非就两种解决方案:一种就是扩展bootstrap…

封装bootstrap-treegrid组件

封装bootstrap-treegrid组件阅读目录一.开源的treegrid 1.组件效果预览 2.组件开源地址二.封装treegrid 1.组件封装的必要性 2.组件封装代码示例 3.封装后的组件使用三.总结正文前言:最近产品需要设计一套相对完整的组织架构的解决方案,由于组织架构涉及到层级关系,在表格里面展示层级关系,自然就要用到所谓的treegrid.可惜的是,一些轻量级的表格组件本身并没有自带树形表格的功能,比如bootstrapTable就没有这个功能,怎么办呢?如果是…

jquery plugin 之 form表单验证插件

基于h5表单验证系统.扩展了对easyui组件的支持先上图: 提示样式用到了伪对象的 {content: attr(xxx)}函数方法,实现提示信息能动态切换. 1.关键属性说明: type: 表单元素类型(h5的input类型:number.email等), max: type为number.range时可用的属性, min: type为number.range时可用的属性, pattern: 正则表达式, maxLength: 元素最大长度, placeholder: 输入域的填写提示,…

jquery 通过ajax 提交表单

1.需要引入以下两个js文件 <script src="Easyui/jquery-1.7.2.min.js"></script> <script src="JS/jquery.form.js"></script> 说明:jquery-1.7.2.min.js文件可以从网上下载,当然jquery.form.js文件也可以方便的从网上下载,这里给出代码 jquery.form.js代码如下: /*! * jQuer…

[开源] 基于Layui组件封装的后台模版，HG-Layui-UI通用后台管理框架V1.0版

HG框架简介 HG-Layui-UI框架,是基于layui最新版UI搭建的一套通用后台管理框架,借鉴了市面上各大主流框架风格,采用iframe标签页实现,保留了传统开发模式的简单实用性. 为快速开发减少重复代码量,框架内部admin.js中封装了常用的组件,包括弹窗提示.日期组件.表单监听.表单验证.数据表格组件.树形组件和request获取数据方法等. 2019-11-12更新 (懒加载模式存在效率问题,待修复..) 增加tree(layid, data, options) 采用官方树形组件,…

topjui.common.js

function getTabWindow() { var curTabWin = null; if (topJUI.config.aloneUse) { curTabWin = window; } else { var curTab = parent.$('#index_tabs').tabs('getSelected'); // var curTab = $('#index_tabs').tabs('getSelected'); ) { curTabWin = curTab.find(].c…

【原】AFNetworking源码阅读（五）

[原]AFNetworking源码阅读(五) 本文转载请注明出处 —— polobymulberry-博客园 1. 前言上一篇中提及到了Multipart Request的构建方法- [AFHTTPRequestSerializer multipartFormRequestWithMethod:URLString:parameters:constructingBodyWithBlock:error:],不过并没有深入研究,部分函数也只是简单地一笔带过.所以本篇文章从此入手,一方面把Multip…

【easyui data-options的使用】的更多相关文章