首页
学习
活动
专区
圈层
工具
发布

very-easyUI 框架快速上手文档

插件安装 使用该框架非常简单,首先,准备一下easyUI的资源和框架js ? image.png 随便创建一个test.html,引入必要的资源。..." src="jquery-easyui-1.3.3/jquery.min.js"> javascript" src="jquery-easyui...-1.3.3/jquery.easyui.min.js"> javascript" src="jquery-easyui-1.3.3/locale...: 字段详情,是一个数组,每一个数组项是一个这样的字符串: ** '100|username|学生姓名' **, 分别代表 长度|字段名|字段中文 注意: 可以在字段中文后面加一项,代表字段的特殊化,...目前支持的有: | view | 字段会变成超链接,点击会弹出页面,展示该条数据的详情 | | download | 字段会变成下载链接,能够下载该字段指向的具体内容 | buttons: 设置该列表拥有的按钮

2.1K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【JavaScript】网页交互的灵魂舞者

    运算符 运算符大部分都是和 Java 相等的,这里介绍一下 “==”和“===”的区别 let num1 = 20; let num2 = "20"; console.log(num1 == num2)...2, 3]; 和 Java 不同的就是,JavaScript 的数组的大小可以更改,里面也可以存储很多类型 var arr = [1, 2, 'haha', false]; 再来看新增,数组下标为 -...对象 JavaScript 中创建对象使用一组 { } ,里面的属性和值通过键值对来组织,键值对之间使用逗号分割,键和值之间用冒号区分,获取对象的属性也是通过 ' . ' 来获取,还可以通过 ' [ ]...的代码通常都写在 document ready 函数中 ,这样可以保证在文档加载完之后才能对页面进行操作 JQuery⽅法 说明 text() 设置或返回所选元素的⽂本内容 html() 设置或返回所选元素的内容...(包括 HTML 标签) val() 设置或返回表单字段的值 text() 我是一个文本 <

    61010

    JqueryForm的使用方式

    Options只是一个JavaScript对象,它包含了如下一些属性与值的集合: target 指明页面中由服务器响应进行更新的元素。...beforeSubmit”回调函数带三个调用参数:数组形式的表单数据,jQuery表单对象,以及传入ajaxForm/ajaxSubmit中的Options对象。...当只有部分表单字段需要进行串行化(或序列化)时,这个就方便了。这个方法将返回以下格式的字符串:name1=value1&name2=value2。...该方法将所有的文本(text)输入字段、密码(password)输入字段和文本区域(textarea)字段置空,清除任何select元素中的选定,以及将所有的单选(radio)按钮和多选(checkbox...$('#myFormId').clearForm(); clearFields() 清除字段元素。只有部分表单元素需要清除时才方便使用。 可链接(Chainable):可以。

    3.1K20

    【工具】15个非常实用的 JavaScript 表单验证库

    8、Mailcheck 地址:https://github.com/mailcheck/mailcheck mailcheck是一个JavaScript库和jQuery插件,当你的用户在电子邮件地址中拼写错误时...9、Formance.js 地址:http://omarshammas.github.io/formancejs 基于Stripe的 jQuery.payment库,用于格式化和验证表单字段的jQuery...它提供了验证转换和序列化信息的功能,以及将实时验证行为分配给表单字段的功能。它可以与任何JavaScript框架一起使用 ,但是有一个可与jQuery一起使用的插件。 ?...该脚本还可以处理输入字段,文本区域,复选框,单选按钮和选择列表的输入值填充(如果已指定默认值)以及何时将表单发布并返回给用户。这意味着当表单无效时,用户无需两次输入相同的信息!...该脚本附带了一堆预定义的规则,但是如何验证表单中的每个输入都由您决定。使用自定义功能,您可以连接脚本并提供自己的验证规则和错误消息。 ?

    7.8K20

    全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

    通过 DOM 对 HTML 页面的解析,可以将页面元素解析为元素节点、属性节点和文本节 点,这些解析出的节点对象,即 DOM 对象。DOM 对象可以使用 JavaScript 中的方法。...比如:网页中的按钮、文本、盒子等等... 6....的部分,例如:js中的单击事件 onclick(), ​ jQuery中的事件名称,就是click,都是小写的。...该方法给 API 带来很多便利,推荐使用该方法 语法 :$("选择器").on( "事件名称" ,事件的处理函数) 事件名称 : 就是js事件中去掉on的部分 (js中onclick on事件中 click...注意:在代码中的写的等标签不会在页面中显示,而是会在页面中执行,但是获取的文本内容中含有这个 $(选择器).html():无参数调用方法,获取 DOM 数组第一个dom对象的在网页上显示的文本内容。

    8K10

    使用jOrgChart插件实现组织架构图的展示

    (2)需要引入的js插件和css文件:   ①jquery.jOrgChart.css   ②jquery.min.js   ③jquery.jOrgChart.js (3)使用jOrgChart插件,...根据返回的数据将其子节点加入到相应的中。...首先,我们的数据表应该要有 id(节点),pid(父节点的id),name的字段, 那么我们要把这个数组转为树形数组结构,即将各个元素放在 pid 父类元素的 childrens字段中,下面就是简单生成树形数组的代码...至于展示出来的样式,可以在html页面中添加自定义样式覆盖它之前的样式。 注意:   后台返回的数据格式必须如下,其中id,pid字段为必须要有。...childrens字段也为必须的,不过字段名可以自己定义,name字段是根据自己业务需求的字段,在这里以name字段作为要显示的文本内容: { "data": [{ "id": 1,

    1.7K100

    使用jOrgChart插件实现组织架构图的展示

    (2)需要引入的js插件和css文件:   ①jquery.jOrgChart.css   ②jquery.min.js   ③jquery.jOrgChart.js (3)使用jOrgChart插件,...根据返回的数据将其子节点加入到相应的中。...首先,我们的数据表应该要有 id(节点),pid(父节点的id),name的字段, 那么我们要把这个数组转为树形数组结构,即将各个元素放在 pid 父类元素的 childrens字段中,下面就是简单生成树形数组的代码...至于展示出来的样式,可以在html页面中添加自定义样式覆盖它之前的样式。 注意:   后台返回的数据格式必须如下,其中id,pid字段为必须要有。...childrens字段也为必须的,不过字段名可以自己定义,name字段是根据自己业务需求的字段,在这里以name字段作为要显示的文本内容: { "data": [{ "id": 1,

    3.1K50

    Jquery 常见案例

    UI实现日期选择器 (1)定义输入日期的文本框: (2)使用jQuery UI启动日期输入 $('#datep').datepicker(); (3)设定输入的日期的格式...框架提供的验证器类型: (4)jquery.validate验证框架提供的验证规则: (1)required:true                必输字段 (2)remote:"check.php"...从 0.91 版本开始, 这个方法 始终 返回一个数组。 如果没有符合条件的域,这个数组将会是个空数组,否则它将会包含至少一个值。 是否可以连环调用: 否, 这个方法返回的是一个数组。...这个方法将会清空所有的文本框,密码框,文本域里的值,去掉下拉列表所有被选中的项,让所有复选框和单选框里被选中的项不再选中。...'beforeSubmit'函数调用时需要3个参数:数组形式的表单数据,jQuery 对象形式的表单对象,可选的用来传递给ajaxForm/ajaxSubmit 的对象。

    9.5K10

    最新jquery+easyui_api培训文档

    传入String类型,则先解析为Date类型   不正确的Date,返回 ''   如果时间部分为0,则忽略,只返回日期部分.    */ function formatDate(v) { if (...字符串 基础数据的字段的名称绑定到这个组合框 text editable 布尔 定义是否可以直接到文本域中键入文本 true url 字符串 加载列表数据的远程URL null 3.3 事件 事件名...当远程数据成功加载时触发 onLoadError none 当远程数据加载失败时触发 onSelect record 当用户选择了一个列表项时触发 onChange newValue, oldValue 当文本域字段的值改变时触发...3.4 方法 方法名 参数 描述 select value 选择下拉列表中的一项 setValue param 设定指定值到文本域,参数可以是一个字符串,也可以是一个Javascript对象,如果是对象...null max 数字 文本框中可允许的最大值 null precision 数字 最高可精确到小数点后几位 0 7 ValidateBox(验证框) 7.1 实例 7.1.1 代码 <html

    4.4K40

    JQuery 入门学习(三)

    甚至我们做一个网站,放上背景音乐,网站中一切链接都由ajax完成(比如点击了一片文章,ajax向服务器请求文章内容,然后用我上次说的Jquery html操作将网页中的一部分进行修改,这样文章就放入了页面而并不刷新页面...首先看看怎么获取服务器上一个txt文件:使用load()方法     (因为ajax使用同源策略,所以在哪个网站运行代码就只能请求该服务器上的内容,我请求的是w3school中的一个txt文件,大家把代码放在...并没有刷新页面,我们填写的内容依旧在表单中。这就是向服务器请求了html,返回的“用户名...已存在”就是一个html文本,最后体现在用户面前。     我们看Jquery代码。...这是获取的html内容,其实在javascript中,更多的是获取json,再通过javascript代码处理json来显示给我们用户看。 什么是json     又到了普及概念的时候。...大家可以试验,点击了按钮后,打印出了php中定义的数组内容。php端两行代码,定义了一个数组,并用json_encode把数组做成一个json编码的字符串输出。

    9.8K20

    WEB入门之十二 jquery简介

    3.1 jQuery开发工具 jQuery本身就是纯文本的JavaScript代码,所以使用一般的文本编辑器都可以编写jQuery代码。...,包括标签和文本,相当于DOM中的innerHTML size( ):用来获得集合/数组的长度 jQuery( )函数还可以进一步简写成( ),即使用来代替jQuery,使得代码编写更加简洁,示例3.3...jQuery中的each( )和JavaScript中的for循环很相似,但是使用起来更加简洁、高效。下面我们使用jQuery中的each( )实现示例3.9的功能,代码如下所示。...任务实训部分​ 1:实现简易计算器 ​训练技能点​ jQuery库的使用 jQuery基本选择器 ​需求说明​ 按照图3.2.1所示的界面实现计算器功能,文本框中的值使用jQuery选择器获取...图3.2.1 计算器 2:实现简易计算器 ​训练技能点​ jQuery库的使用 jQuery对象转换 ​需求说明​ 在上个任务的基础上使用document对象的相关方法获得文本框元素,然后转换成

    53810

    Web-第四天 jQuery学习

    1.2.1.3 引入和对象获取 学习JavaScript时,我们就学习过自定义JS库的导入,学习jQuery只需要将对应js库下载,并导入到我们项目下,在html页面使用导入即可。.../js/jquery-1.11.0.js" type="text/javascript" > 基本语法:jQuery(选择器) 或 $(选择器) 及在 jQuery中 "jQuery...及jQuery对象只能使用自己的函数 DOM对象转换成jQuery对象,语法:jQuery(dom对象) jQuery对象转换成DOM对象,语法:$username[index] //1 原生javascript...后续的学习中,“基本选择器”使用的频率最大,我们先预先学习一下。...,只要获得jQuery对象,就可以直接绑定事件,jQuery使用的事件与javascript使用的事件名称雷同,jQuery将js事件前面的on去掉了。

    4.3K40

    jQuery 教程

    当我们在教程中演示 jQuery 时,会将函数直接添加到 部分中。...,将重复的部分(例如导航栏)放入单独的文件,使用下列方法进行导入: //1.当前文件中要插入的地方使用此结构: ...JavaScript $.param() 创建数组或对象的序列化表示形式(可用于 AJAX 请求的 URL 查询字符串) $.post() 使用 AJAX 的 HTTP POST 请求从服务器加载数据...() 指定函数处理数组中的每个元素(或对象的每个属性),并将处理结果封装为新的数组返回 $.merge() 合并两个数组内容到第一个数组 $.noop() 一个空函数 $.now() 返回当前时间 $....jQuery val() – 获取值 使用jQuery val() 方法获取表单的字段值。 jQuery attr() – 获取属性值 使用jQuery attr() 方法获取属性值。

    21K20

    jquery框架分析-构造jquery对象初步

    这是一些分析jquery框架的文字 针对jquery 1.3.2版本 面向的读者应具备以下要求 1.非常熟悉HTML 2.非常熟悉javascript语法知识 3.熟悉javascript面向对象方面的知识...4.熟练使用jquery框架 言归正传!...jquery对象其实是一个javascript的数组 这个数组对象包含125个方法和4个属性 4个属性分别是 jquery     当前的jquery框架版本号 length     指示该数组对象的元素个数...json对象中完成定义的 这个json对象中第一个方法就是init方法 也就是入口方法中的jQuery.fn.init( selector, context ); 此方法与一个正则表达式对象配合来构造..."string" ) { //这里用到了我们前面提到的正则表达式quickExpr //match其实是一个数组 //第0个元素是与正则表达式相匹配的文本 //第1个元素是与正则表达式的第1个子表达式相匹配的文本

    1.8K30

    看不完的那种!前端170面试题+答案学习整理(良心制作)

    6.超出文本省略 使用text-overflow:ellopsis:文本溢出时,为了不显示省略标记...,通过clip直接将溢出的部分裁剪掉。...一些数组或对象的方法经常能使用到,jQuery将其保存为局部变量以提高访问速度。jQuery实现的链式调用可以节约代码,所返回的都是同一个对象,可以提高开发效率。...)是jquery中事件委托的语义化方法,会在以下两种情况中使用到。...$(this)和this关键字在jquery中的不同 $(this)返回一个jQuery对象,可以对它调用多个jQuery方法,比如用text()获取文本,用on()绑定事件等。...重绘和重排的关系:在回流的时候,浏览器会使渲染树中受到影响的部分失效,并重新构造这部分渲染树,完成回流后,浏览器会重新绘制受影响的部分到屏幕中,该过程称为重绘。

    13.1K50

    EasyUI学习笔记

    EasyUI初始化的原理 页面中扫描class=”easyui-” 实现准备好了一大堆的样式文本和样式类....jQuery.fn.panel.defaults可以给组件添加默认的配置项 常用属性: title string 在面板头部显示的标题文本。...fn大多都是以on开头的,大部分复杂组件,都可以在初始化时,使用onxxx属性配置,值为事件响应 onCollapse 折叠是触发 onExpand 展开时触发 小部分简单组件,还是使用JQuery...按钮组件使用超链接按钮创建。它使用一个普通的标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。...tools: "#dd" }) }) 对话框窗口顶部工具栏 使用dialog属性toolbar 设置对话框窗口顶部工具栏,可用值有: 1) 一个数组,每一个工具栏中的工具属性都和

    11.9K30

    一个小时学会jQuery

    二、jQuery对象和DOM对象 2.1、DOM对象 使用JavaScript中的DOM API操作获得的元素对象叫DOM对象。...2.3、DOM转换成jQuery对象 要使用jQuery中的方法与属性就需要把一个JavaScript中的DOM对象转换成jQuery对象。...有了jQuery,就能够利用现有知识去发挥选择器的威力,在很大程度上简化JavaScript代码。CSS中可以使用的选择器基本都可以用到jQuery中,反之不然。 3.1. ...例如,为了获取嵌套在元素内的一组超链接,我们使用如下语句: $("p a") $( )函数返回特别的JavaScript对象,它包含着与选择器相匹配的DOM元素的数组。...在JavaScript中使用document对象的getElemnetById(id)方法来获取元素,在jQuery中则更为简化。

    22.4K71

    2018-07-161 初识JQuery

    jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。...我们使用jQuery的同时也能混合JavaScript原生代码一起使用。...在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是可以操作的DOM元素,jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。 如何把jQuery对象转成DOM对象?...利用数组下标的方式读取到jQuery中的DOM对象 ? ?...用jQuery找到所有的div元素(3个),因为jQuery对象也是一个数组结构,可以通过数组下标索引找到第一个div元素,通过返回的div对象,调用它的style属性修改第一个div元素的颜色 通过

    66310
    领券