jQueryEasyUI(编程工具)

JQueryEasyUI是一款能够帮助用户获取更为轻松的编程方式，软件拥有超简洁美观的UI界面，在这里你只需要懂基础的html标签就能够进行编程，有需要用到这款软件的朋友就赶快来国语自产精品视频在线看下载使用吧！

jQueryEasyUI官方介绍

jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。

jQueryEasyUI软件特色

1、基于jquery用户界面插件的集合

2、为一些🌎当前用于交互【yú jiāo hù】的【de】js应用提💸供必要【gòng bì yào】的【de】功能👷

3、EasyUI支持两【zhī chí liǎng】种渲染方式【fāng shì】📂分别为javascript方式【fāng shì】📂（如【rú】：$('#p').panel(...})）和🧓html标记方🚈式（如【rú】：class="easyui-panel"）

4、支持【zhī chí】HTML5（通过data-options属性🥫）

5、开发产品时可节省时间和资源

6、简单，但很强大

7、支持扩展，可根据自己的需求扩展控件

8、目前各【mù qián gè】项不足正以版🦐本递增🔧的方式【de fāng shì】不断完善【shàn】😬

文档

EasyUI每个组【měi gè zǔ】件的属🗳性🎁，方法和【fāng fǎ hé】事件。用户可以很容【yǐ hěn róng】🧡易地扩展他们。

属性

所有的属性都💊定义在【dìng yì zài】♌jQuery.fn.{plugin}.defaults里面。例如【lì rú】✍，对话框属性定【shǔ xìng dìng】义在♌jQuery.fn.dialog.defaults里面。

事件

所有的【suǒ yǒu de】事件【shì jiàn】💟（回调函数）也都定👺义在📺jQuery.fn.{plugin}.defaults里面【lǐ miàn】。

方法

调用方法的语【fǎ de yǔ】🎯法：$('selector').plugin('method', parameter);

解释

selector是【shì】🛐jQery对象选择器。

plugin 是插件的名称。

method 是相应插件现有的方法。

parameter 是参数对象【xiàng】🤺，可以是一个对【yī gè duì】💆象【xiàng】😙、字符串等【děng】。

所有方法都定🐳义在【yì zài】⛑jQuery.fn.{plugin}.methods。每个方【měi gè fāng】法都有【fǎ dōu yǒu】2个参数【cān shù】：jq和🏌param。第一个参数【cān shù】'jq'是必须【shì bì xū】的，这是指的jQuery对象【duì xiàng】💡。第二个【dì èr gè】参数【cān shù】'param'是指传入方法【rù fāng fǎ】🤴的实际参数【cān shù】。例如🕖，为🚡dialog组件扩🚀展一个🧠方法名为🚡'mymove'，代码如下：

$.extend($.fn.dialog.methods,{

mymove);

}

});

$.extend($.fn.dialog.methods,   mymove);   } });

现在你🐒可以调用💖'mymove'方法将【fāng fǎ jiāng】对话框🌄移动到【yí dòng dào】指定位【zhǐ dìng wèi】置：

$('#dd').dialog('mymove',

left);

$('#dd').dialog('mymove',   left);

jQuery EasyUI 入门指南

下载程【xià zǎi chéng】序库并导入🏷EasyUI的【de】😓CSS和Javascript文件到【wén jiàn dào】您的【de】页💒面。

<linkrel="stylesheet"type="text/css"href="easyui/themes/default/easyui.css">

<linkrel="stylesheet"type="text/css"href="easyui/themes/icon.css">

<scripttype="text/javascript"src="easyui/jquery-1.7.2.min.js"></script>

<scripttype="text/javascript"src="easyui/jquery.easyui.min.js"></script>

<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-1.7.2.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>

一旦你导入了【dǎo rù le】🚗EasyUI必须的【bì xū de】🍑文件，你就可以通过标记或Javascript定义一【dìng yì yī】❌个【gè】EasyUI组件。例如【lì rú】：定义一【dìng yì yī】❌个【gè】带可🔮折叠功能的面💇板，你需要写的HTML代码如下🔫：

<divid="p"class="easyui-panel"style="width:500px;height:200px;padding:10px;"

title="MyPanel"iconCls="icon-save"collaPSible="true">

Thepanelcontent

</div>

<div id="p" style="width:500px;height:200px;padding:10px;" title="My Panel" iconCls="icon-save" collapsible="true"> The panel content </div>

当通过🤼标记创建一个组件的时候从1.3版开始'data-options'属性可📆以用来【yǐ yòng lái】支持【zhī chí】HTML5兼容属性名称👾。所以你【suǒ yǐ nǐ】可以改【kě yǐ gǎi】写上面【xiě shàng miàn】🚰的代码为♌：

<divid="p"class="easyui-panel"style="width:500px;height:200px;padding:10px;"

title="MyPanel"data-options="iconCls:'icon-save',collapsible:true">

Thepanelcontent

</div>

<div id="p" style="width:500px;height:200px;padding:10px;" title="My Panel" data-options="iconCls:'icon-save',collapsible:true"> The panel content </div>

下面的代码演🦐示了如何创建【hé chuàng jiàn】🍁一个组【yī gè zǔ】合框，并绑定【bìng bǎng dìng】⚓onSelect事件。

<inpuTCLass="easyui-combobox"name="language"

data-options="

url:'combobox_data.json',

valueField:'id',

textField:'text',

panelHeight:'auto',

onSelect:function(record){

alert(record.text)