基础知识语法解析[Parser]使用方法:1.$.parser.parse();//解析所有的页面2.$.parser.parse('#cc');//解析特定的代码属性:名称类型描述默认值$.parser.autoboolean(布尔型)定义是否自动解析easyui组件。true事件:名称参数描述$.parser.onCompletecontext当语法解析结束时触发事件。方法:名称参数描述$.parser.parsecontext解析easyui组件。简单载入器[Easyloader]使用方法:1.easyloader.base='../';//设置easyui根目录2.easyloader.load('messager',function(){//载入特定模块3.$.messager.alert('Title','loadok');4.});属性:名称类型描述默认值modules(模块)object(对象)预定义模块。locales(多语言)object(预定义对象)预定义多语言。base(目录)string(字符串)easyui根目录,必须以'/'结尾。easyui根目录将会被自动设置为相对于easyload.js的位置。theme(主题名称)string(字符串)'themes'目录中的主题的名称。defaultcss(层叠样式表)boolean(布尔型)定义是否在加载模块的同时加载css文件。truelocale(自定义语言)string(字符串)语言名称。nulltimeout(超时)number(数字)超时单位为毫秒,出现超时就触发。2000预定义语言:afbgcacsdade(德语)en(英语)fr(法语)nlzh_CN(简体中文)zh_TW(繁体中文)事件:名称参数描述onProgressname当一个模块成功载入时触发。onLoadname当一个模块及其所有依赖关系(可以理解为载入该模块所需要的其他模块、属性、方法等)载入时触发。方法:名称参数描述loadmodule,callback载入特定的模块。当载入成功时将调用回调函数。有效的模块参数类型如下:单一的模块名称一个存储有模块名称的数组一个以'.css'结尾的样式文件一个以'.js'结尾的js文件一般拖动[draggable]使用$.fn.draggable.defaults重载默认值。使用方法:1.divid=ddstyle=width:100px;height:100px;2.divid=titlestyle=background:#ccc;title/div3./div1.$('#dd').draggable({2.handle:'#title'3.});属性:名称类型描述默认值proxy(替代)string,function拖动时的替代元素,当被设置为'clone'时,将使用该元素的一个复制元素来作为替代元素。如果指定了一个函数,它将返回一个jquery对象。nullrevert(复原)boolean(布尔型)如果设置为true,当拖动停止时元素将返回它的初始位置。falsecursor(指针)string(字符串)拖动时的CSS指针。movedeltaX(水平增量,X轴)number(数字)被拖动元素对应于当前指针的水平位置。nulldeltaY(垂直增量,y轴)number(数字)被拖动元素对应于当前指针的垂直位置。nullhandle(句柄)selector(选择器)开始拖动的句柄。nulldisabled(停止拖动)boolean(布尔型)当设置为true时停止拖动。falseedge(边缘)number(数字)可以在其中拖动的容器的宽度0axis(拖动轴)string(字符串)可用值为'v'或者'h',当设置为空时,元素可以同时在水平和垂直方法拖动。null事件:名称参数描述onBeforeDrage在拖动之前触发,返回false将取消拖动。名称参数描述onStartDrage当目标对象开始被拖动时触发。onDrage在拖动过程中触发,当不能再拖动时返回false。onStopDrage当拖动停止时触发。方法:名称参数描述optionsnone返回属性对象。proxynone如果替代元素被设置,返回将被用于拖动的替代元素。enablenone允许拖动。disablenone禁止拖动。拖动至容器[droppable]使用$.fn.draggable.defaults重载默认值。数据表和数据菜单数据表格[datagrid]继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。依赖关系控制面板缩放链接按钮分页使用方法:1.tableid=tt/table1.$('#tt').datagrid({2.url:'datagrid_data.json',3.columns:[[4.{field:'code',title:'Code',width:100},5.{field:'name',title:'Name',width:100},6.{field:'price',title:'Price',width:100,align:'right'}7.]]8.});属性:数据表格属性属性继承控制面板,以下是数据表格独有的属性。名称类型描述默认值columns(列)array(数组)数据表格列配置对象,查看列属性以获取更多细节。nullfrozenColumns(固定列)array(数组)跟列属性一样,但是这些列固定在左边,不会滚动。nullfitColumns(自适应列宽)boolean(布尔型)设置为true将自动使列适应表格宽度以防止出现水平滚动。false名称类型描述默认值striped(显示条纹)boolean(布尔型)设置为true将交替显示行背景。falsemethod(方法)string(字符串)请求远程数据的方法类型。postnowrap(截取)boolean(布尔型)设置为true,当数据长度超出列宽时将会自动截取。trueidField(id字段)string(字符串)表明该列是一个唯一列。nullurl(超链接)string(字符串)一个用以从远程站点请求数据的超链接地址。nullloadMsg(载入时信息)string(字符串)当从远程站点载入数据时,显示的一条快捷信息。Processing,pleasewait…pagination(分页)boolean(布尔型)设置true将在数据表格底部显示分页工具栏。falserownumbers(行数)boolean(布尔型)设置为true将显示行数。falsesingleSelect(单选模式)boolean(布尔型)设置为true将只允许选择一行。falsecheckOnSelectboolean(布尔型)如果设置为true,当用户点击一行的时候checkboxchecked(选择)/unchecked(取消选择)。如果为false,当用户点击刚好在checkbox的时候,checkboxchecked(选择)/unchecked(取消选择)。这个属性从1.3版本以后true名称类型描述默认值可用。selectOnCheckboolean(布尔型)如果设置为true,点击checkbox将永远选择这行。如果设置为false,选择一个行将不会选择checkbox。这个属性从1.3版本以后可用。truepagePositionstring(文本型)定义分页工具栏的位置.可用值有:'top','bottom','both'。这个属性从1.3版本以后可用。bottomcheckOnSelectboolean(布尔型)如果设置为true,点击checkbox将永远选择这行。如果设置为false,选择一个行将不会选择checkbox。这个属性从1.3版本以后可用。falsepageNumber(当前页码)number(数字)当设置分页属性时,初始化分页码。1pageSize(每页记录数)number(数字)当设置分页属性时,初始化每页记录数。10pageList(可选择的每页记录数)array当设置分页属性时,初始化每页记录数列表。[10,20,30,40,50]queryParams(查询参数)object(对象)当请求远程数据时,发送的额外参数。{}sortName(默认排序)string(字符串)当数据表格初始化时以哪一列来排序。nullsortOrder(排序顺string(字符定义排序顺序,可以是'asc'或者'desc'(正序或者倒序)。asc名称类型描述默认值序)串)remoteSort(远程排序)boolean(布尔型)定义是否通过远程服务器对数据排序。trueshowFooter(显示行底)boolean(布尔型)定义是否显示行底(如果是做统计表格,这里可以显示总计等)。falserowStyler(行样式)function(函数)返回样式,如:'background:red',function有2个参数:index:行索引,从0开始.row:对应于该行记录的对象。loadFilter(载入过滤器)function(函数)返回用以显示的已过滤数据,function有一个参数'data'表示原始数据,你可以将原始数据改变为规范的数据格式,该函数必须返回包含'total'和'rows'属性的标准数据对象。editors(编辑模式)object(对象)定义当编辑一行时的编辑模式。predefinededitorsview(视图)object(对象)定义数据表格的视图。defaultview列属性:数据表格的列是一个对象数组,即这个对象中的元素也是一个数组(js中数组是对象)。对象数组中的每一个元素都是可配置的对象,每个可配置对象定义一个列。示例代码:1.columns:[[2.{field:'itemid',title:'ItemID',rowspan:2,width:80,sortable:true},3.{field:'productid',title:'ProductID',rowspan:2,width:80,sortable:true},4.{title:'ItemDetails',colspan:4}5.],[6.{field:'listprice',title:'ListPrice',width:80,align:'right',sortable:true},7.{field:'unitcost',title:'UnitCost',width:80,align:'right',sortable:true},8.{field:'attr1',title:'Attribute',width:100},9.{field:'status',title:'Status',width:60}10.]]名称类型描述默认值title(标题)string(字符串)列标题。undefinedfield(字段)string(字符串)列字段。undefinedwidth(宽度)number(数字)列宽。undefinedrowspan(跨行数)number(数字)表明一个单元格跨几行。undefinedcolspan(跨列数)number(数字)表明一个单元格跨几列。undefinedalign(对其方式)string(字符串)表明如何对其列数据,可选值:'left','right','center'。undefinedsortable(可排序)boolean(布尔型)设置为true允许对该列排序。undefinedresizable(缩放)boolean(布尔型)设置为true允许该列被缩放。undefinedhidden(隐藏)boolean(布尔型)设置为true将隐藏列。undefinedcheckbox(复选框)boolean(布尔型)设置为true将显示复选框。undefined名称