jquery EasyUI总结.doc

1导入以下包2Action属性：private JSONObject easyJson;（该属性为必须）并生成get set方法控件默认输入两个参数：String page = ServletActionContext.getRequest().getParameter(page);/当前页String rows = ServletActionContext.getRequest().getParameter(rows);/每页显示条数/查询ArrayList easyUIList = baseService.find(from EasyUI);Mpa map = new HashMap();map.put(total, 20);/总条数 total为必须，不可替换map.put(rows, easyUIList);/查询到的数据 rows为必须，不可替换easyJson = JSONObject.fromObject(map)；/将map对象转换成为json对象3Action配置文件 easyJson 注：配置文件中easyJson的与Action中的easyJson是对应的4页面先导入以下文件： $(function() $(#tt).datagrid(/表格ID title:-实例-, iconCls:icon-save, nowrap: false ,/是否只显示一行，即文本过多是否省略部分 width:800, height:500, rownumbers:true,/显示行号列 queryParams:a:123,b:456,/当请求远程数据发送额外的参数 pagination:true,/是否显示分页工具 url:easyui/list.do,/请求路径 idField:easyJson,/与Action配置文件中的easyJson对应 method:post, columns: title:客户基本信息,colspan:4, title:订购产品,colspan:3 , /field 为实体类中对应的属性 field:id,title:ID,width:80,align:center, field:name,title:姓名,width:80,align:center, field:age,title:年龄,width:80,align:center, field:sex,title:性别,width:80,align:center, field:type1,title:产品1,width:60,align:center, field:type2,title:产品2,width:60,align:center, field:type3,title:产品3,width:60,align:center );); *高级方式*Formatter 为格式化方法（用于对输出的信息进行格式化）他有三个参数：1.value 当前属性的值 2Rce 当前行的所有参数列表 3Index 当前行的行号columns: field:id,title:ID,width:200,align:center, field:CCompany,title:客户,width:200,align:center, field:null,title:操作,width:200,align:center, formatter: function(value,rec,index) var cname = rec.CCompany;/获取属性值 var myid = rec.id; /获取属性值 /返回值（也就是该列要显示的信息） return 优惠事宜   +拜访申请  +跟进维护; onDblClickRow:,/双击onClickRow:function()/单击 var selected = $(#customerFollowList).datagrid(getSelected);/获取选中的行 if (selected) alert(2222222+selected.id); alert(3333333+selected.CCompany); 参数详细列表NameTypeDescriptionDefaulttitlestringThe datagrid panel title text. DataGrid的面板标题文字。nulliconClsstringA CSS class that will provide a background image to be used as the header icon. 一个CSS类，将提供一个背景图片作为标题图标。nullborderbooleanTrue to show datagrid panel border. 真到DataGrid中显示面板的边界。truewidthnumberThe width of datagrid width. 宽度的DataGrid的宽度。autoheightnumberThe height of datagrid height. 该数据网格的高度的高度。autocolumnsarrayThe datagrid columns config object, see column properties for more details. DataGrid的列的配置对象，看到更多的细节列属性。nullfrozenColumnsarraySame as the columns property, but the these columns will be frozen on left. Columns属性相同，但将这些列左冻结。nullstripedbooleanTrue to stripe the rows. True 条纹行。falsemethodstringThe method type to request remote data. 该方法要求远程数据类型。postnowrapbooleanTrue to display data in one line. 真正显示在同一行数据。trueidFieldstringIndicate which field is an identity field. 说明哪些字段是一个标识字段。nullurlstringA URL to request data from remote site. 一个URL请求从远程站点的数据。nullloadMsgstringWhen loading data from remote site, show a prompt message. 当从远程站点加载数据，显示一个提示信息。Processing, please wait 处理中，请稍候paginationbooleanTrue to show a pagination toolbar on datagrid bottom. True展现出对DataGrid的底部分页工具栏。falserownumbersbooleanTrue to show a row number column. True显示行号列。falsesingleSelectbooleanTrue to allow selecting only one row. True只允许选择一行。falsefitbooleanTrue to set size to fit its parent container. True设置大小，以适应它的父容器。falsepageNumbernumberWhen set pagination property, initialize the page number. 当设置分页属性，初始化的页码。1pageSizenumberWhen set pagination property, initialize the page size. 当设置分页属性，初始化的页面大小。10pageListarrayWhen set pagination property, initialize the page size selecting list. 当设置分页属性，初始化的页面大小选择清单。10,20,30,40,50queryParamsobjectWhen request remote data, sending additional parameters also. 当请求，远程数据发送额外的参数也。sortNamestringDefines which column can be sorted. 可排序的列定义。nullsortOrderstringDefines the column sort order, can only be asc or desc. 定义的列的排序顺序，只能是递增或递减。ascEvents NameParametersDescriptiononLoadSuccessnoneFires when remote data is loaded successfully. 触发时，远程数据加载成功。onLoadErrornoneFires when some error occur to load remote data. 触发发生时的一些错误加载远程数据。onClickRowrowIndex, rowDataFires when user click a row, the parameters contains: 触发时，用户点击一个行，参数包括：rowIndex: the clicked row index, start with 0 rowIndex：单击的行的索引，从0开始rowData: the record corresponding to the clicked row rowData：记录点击相应的行onDblClickRowrowIndex, rowDataFires when user dblclick a row, the parameters contains: 当用户触发的DblClick一排，参数包括：rowIndex: the clicked row index, start with 0 rowIndex：单击的行的索引，从0开始rowData: the record corresponding to the clicked row rowData：记录点击相应的行onSortColumnsort, orderFires when user sort a column, the parameters contains: 当用户触发排序列，参数包括：sort: the sort column field name 排序：排序列字段名称order: the sort column order 订购：排序列顺序onSelectrowIndex, rowDataFires when user select a row, the parameters contains: 触发时，用户选择一行，参数包括：rowIndex: the selected row index, start with 0 rowIndex：选定行的索引，从0开始rowData: the record corresponding to the selected row rowData：记录对应到选定的行onUnselectrowIndex, rowDataFires when user unselect a row, the parameters contains: 触发时，用户取消选择一个行，参数包括：rowIndex: the unselected row index, start with 0 rowIndex：没有被选中的行的索引，从0开始rowData: the record corresponding to the unselected row rowData：记录对应的未选中行Methods NameParameterDescriptionoptionsnoneReturn the options object. 返回的选择对象。resizenoneDo resize and do layout. 做调整，做布局。reloadnoneReload the rows. 重新加载行。fixColumnSizenonefix columns size. 大小固定栏目。loadDataparamLoad local data, the old rows will be removed. 加载本地数据，旧的行会被删除。getSelectednoneReturn the first selected row record or null. 返回第一个选中行的记录或空。getSelectionsnoneReturn all selected rows, when no record selected