jqGrid -- 自定义按钮

合集下载

jqGrid参数

————详细属性列表————
ajaxGridOptions
object
本选项用来设置全局的Ajax设置。注意：这个选项会覆盖当前所有的ajax设置，包括ajax的error、complete以及beforeSend事件。
默认值:empty object
该属性可以修改
该属性不能修改
hidegrid
boolean
设置grid的隐藏/显示按钮是否可用。
默认值:true
该属性不能修改
hoverrows
boolean
设置为false，在grid的数据行中鼠标悬浮被禁用。
默认值:false
默认值:false
该属性不能修改
forceFit
boolean
如果设置为true，并且用户改变了列宽度，那么右边临近的列宽度会自动调整以适应grid的整体宽度。这种情况下，是没有水平滚动条的。
注意：本选项与shrinkToFit选项不相容。如果shrinkToFit设置为false，那么forceFit的设置将被忽略。
direction
string
确定grid中文本显示的方向。默认ltr表示从左道右。还有一个可选值是rtl表示从右到左。
本选项只在FireFox 3.x和IE >=6的浏览器有效。当前Safai和Google Chrome、Opera不完全支持“rtl”。FireFox默认设置是不支持RTL的，但是可以通过修改FireFox的 layout.scrollbar.side设置为1来支持。本属性是在jqGrid v3.6版本中新增加的。
当然，使用也有限制，设置为true之后，不能使用treeGrid，subGrid或者afterInsertRow事件。

jqGrid选项配置

jqGrid选项配置 jqGrid选项配置属性默认从静态变量$.jgrid.defaults中加载。

英⽂版本的属性默认配置如下。

本⼈下载的jqGrid4.4.0⽰例中暂时不⽀持中⽂语⾔的语⾔包，所以要配置为中⽂语⾔，只能通过重写下⾯表格列出的属性来实现。

语⾔配置⽂件在demo⽬录js/i18n这个⽂件夹下，要改为其他语⾔加载对应的js语⾔配置⽂件即可。

[javascript]view plaincopy1. $.jgrid = {2. defaults : {3. recordtext: "View {0} - {1} of {2}",4. emptyrecords: "No records to view",5. loadtext: "Loading...",6. pgtext : "Page {0} of {1}"7. },8. //...9. }下⾯选项配置表格最后⼀列是否能改变指的是这个参数配置在jqGrid创建后是否能修改。

配置项类型描述默认值能否改变ajaxGridOptions object jqGrid使⽤ajax请求数据时的全局配置。

配置了这个对象可能会覆盖当前的jqueryajax配置，包括error，complete和beforeSend事件empty object YesajaxSelectOptions object⽤于配置editoptions或者searchoptions配置中select对象通过dataUrl动态获取⽤的。

empty object Yesaltclass string隔⾏显⽰的样式，只有当altRows参数设置为true时才起作⽤ui-priority-secondaryYes.RequiresreloadaltRows boolean 是否隔⾏显⽰。

说的⽩⼀些就是第⼀⾏显⽰⽩⾊背景，第⼆⾏蓝⾊背景，依次交替显⽰。

ALV_GRID添加自定义的按钮和响应命令

在上面的代码例子里，我们增加了一个常规的按钮和一个含有菜单的按钮.通过把按钮的类型设置为1或者2,我们可以增加一个含有菜单的按钮,在事件menu_button还可以实现子菜单:FORM handle_menu_button USING i_object TYPE REF TO cl_ctmenuI_ucomm TYPE syucomm..CASE i_ucomm.WHEN ‘EXCH’.CALL METHOD i_object->add_functionEXPORTINGFcode = ‘EU’Text = ‘Euro’.CALL METHOD i_object->add_functionEXPORTINGFcode = ‘TRL’Text = ‘Turkish Lira’.ENDCASE.ENDFORM.为了实现这些自定义的按钮的功能,我们使用USER_COMMAND事件来处理.FORM handle_user_command USING i_ucomm TYPE syucomm.DATA lt_selected_rows TYPE lvc_t_rowid.DATA ls_selected_row TYPE lvc_s_roid.CALL METHOD gr_alvgrid->get_selected_rowsIMPORTINGEt_row_no = lt_selected_rows.READ TABLE lt_selected_rows INTO ls_selected_row INDEX 1.If sy-subrc ne 0.MESSAGE S000(su) WITH 'Select a row'(203).ENDIF.CASE i_ucomm.WHEN 'CAR'.READ TABLE gt_list INDEX ls_selected_row-row_id.IF sy-subrc = 0.CALL FUNCTION 'ZDISPLAY_CARRIER_INFO'EXPORTING carrid = gt_list-carridEXCEPTIONS carrier_not_found = 1Oters = 2.ENDIF.WHEN 'EU'.READ TABLE gt_list INDEX ls_selected_row-row_id.IF sy-subrc = 0.CALL FUNCTION 'ZPOPUP_CONV_CURR_ADD_DISPLAY'EXPORTING monun = 'EU'Quant = gt_list-paymentsum.ENDIF.ENDCASE.ENDFORM.我们通过方法get_selected_rows来获取选择的行.功能EXCH有2个子功能,所以我们不需要实现它.为了能显示ALV附加的一些功能,可以在ALV实例创建的时候调用set_toolbar_interactive方法.CALL METHOD gr_alv_grid->set_toolbar_interactive.（二）在alv_lst中加入按钮Add Button to ALV Toolbar with REUSE_ALV_LIST_DISPLAYHow to add button to ALV toolbar using REUSE_ALV_LIST_DISPLAY?In the program which calls ALV using REUSE_ALV_LIST_DISPLAY,I have to add a new button.I saw the demo program BCALV_GRID_08, which is written using ABAP-Controls.In that example, the button is added using TOOLBAR event of cl_gui_alv_grid.Could you help me to implement the same logic using REUSE_ALV_LIST_DISPLAY parameters.you should copy the 'STANDARD' GUI status from program SAPLKKBL using transaction SE90-->Programming SubObjects--> Gui Status.Execute this transaction to get to next screen. select status using checkbox. click on GUI Status -->Copy.Enter your Z program name and the name you what for this status - you can keep it as'STANDARD' to be simple.Then you can edit the new status to add or delete buttons. This will also bring in the standard SAPALV functionality such as sorting/subtotaling etc...When you call 'REUSE_ALV_GRID_DISPLAY' make sure you pass it the new status name.an example of one of mine:call function 'REUSE_ALV_GRID_DISPLAY'EXPORTINGi_callback_program = 'ZSDBOLST_REPORT'i_callback_pf_status_set = 'STANDARD' <---------i_callback_user_command = 'USER_COMMAND'i_structure_name = 'I_BOLACT'i_grid_title = 'BOL Action Report'(031)is_layout = gs_layoutit_fieldcat = gt_fieldcat[]i_save = 'A'is_variant = v_variantTABLESt_outtab = i_bolactEXCEPTIONSprogram_error = 1others = 2.I just tried the same procedure ,but my entire application toolbar disappeared and a lock iconappears next to the application toolbar in my copied pf-status.Could you advice what might have gone wrong ?As identified with the FM's help you can do the following.1). Using SE80 (I think) you can copy a GUI status from one program to another. It mentions whichone in the FM's help.2). Create a form named like so:Code:****************************************************************** Form Set_pf_status* Notes: Called by FM REUSE_ALV_GRID_DISPLAY*****************************************************************FORM set_pf_status USING rt_extab TYPE slis_t_extab.SET PF-STATUS 'ZSTANDARD'.ENDFORM. "Set_pf_statusIn the above case the GUI status copied was named ZSTANDARD and adjusted accordingly, adding and removing the desired buttons. A button was added called '%DELETE'.3). Create the following report:Code:****************************************************************** Form User_command* Notes: Called by FM REUSE_ALV_GRID_DISPLAY* Detects whether the icon/button for* 'Return Tag Deletion' has been pressed. If it has then* detect whether any rows have been highlighted and then* set the delete flag.*****************************************************************FORM user_command USING r_ucomm LIKE sy-ucommrs_selfield TYPE slis_selfield.DATA: li_count TYPE I.IF r_ucomm EQ '%DELETE'.LOOP AT %g00 WHERE mark EQ 'X'.ADD 1 TO li_count.ENDLOOP.IF li_count GT 0.gc_delete_flag = 'X'.r_ucomm = '&F03'. "Back arraowELSE.MESSAGE W000 WITH 'Please highlight the rows to be deleted!'.ENDIF.ENDIF.ENDFORM. "User_commandAs I've added an extra button to indicate which records should be deleted I need to identify a form to be called to process when this button is chosen.Then when you call the ALV function you to specify the following extra details:Code:call function 'REUSE_ALV_GRID_DISPLAY'exporting i_callback_program = gc_repidI_CALLBACK_PF_STATUS_SET = 'SET_PF_STATUS'I_CALLBACK_USER_COMMAND = 'USER_COMMAND'i_grid_title = lc_grid_titleis_layout = lc_layoutit_fieldcat = gt_fieldcatit_sort = sorti_save = l_saveis_reprep_id = l_bbs_idis_variant = l_varianttables t_outtab = %g00exceptions program_error = 1others = 2.The parameters in capitals are the extra ones that need to be added。

jqGrid超详细属性说明

jqGrid超详细属性说明1.jqGrid Options<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"/TR/xhtml1/DTD/xhtml1-transitional.dtd>声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的DTD 中进行了定义。

浏览器将明白如何寻找匹配此公共标识符的 DTD。

如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

另外，需要知道的是，HTML 4.01 规定的三种文档类型、XHTML 1.0 规定的三种 XML 文档类型都是：Strict、Transitional 以及 Frameset。

而这句<html xmlns="/1999/xhtml">，是在文档中的<html> 标签中使用 xmlns 属性，以指定整个文档所使用的主要命名空间。

对于文档声明，了解这些就足够了，现在的html5不再这么繁琐，只需要：<!DOCTYPE html><html>就可以了。

1.1.options 参数1.1.1.colModel设定各列的参数1.1.2.groupingView分组设置1.1.3.groupingView分组设置1.1.4.groupingView分组设置2.方法Methods 2.1.addRowData编辑行2.2.editRow 编辑行3.事件4.方法4.1.1.getGridParamsetGridParam4.1.2.编辑栏编辑框j Query("#list2").jqGrid('navGrid','#pager2',{ edit:true, add:true, del:true},{//edit ----------------------------------这里注意 edit ,add ,del 的顺序，默认的这个顺序，好像是不能改的//afterShowForm:afterShowEdit,afterSubmit:processAddEdit ,//beforeSubmit:validateData,closeAfterAdd:true,closeAfterEdit:true,reloadAfterSubmit:true},{//add //afterShowForm:afterShowAdd, afterSubmit:processAddEdit ,//beforeSubmit:validateData,closeAfterAdd:true,closeAfterEdit:true},{//del}//{view:true})/* .navButtonAdd('#pager2',{caption:'Add',onClickButton:function(){alert('i am button');}});*/});function afterShowEdit(formId){//do stuff after the form is rendered}function afterShowAdd(formId){}1.获得当前列表行数：$("#gridid").getGridParam("reccount");2.获取选中行数据（json）：$("#gridid").jqGrid('getRowData', id);3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData:''}).trigger('reloadGrid');4.选中行：$("#jqGrid").setSelection("1", true); （Toggles a selection of the row with id = rowid; if onselectrow is true (the default) then the event onSelectRow is launched, otherwise it is not.）//true:重新加载表格数据, false:不重新加载表格数据5.重置选中行：$("#jqgrid").resetSelection(); //Resets (unselects) the selected row(s). Also works in multiselect mode.6.清除：$("#jqgrid").clearGridData(); //Clears the currently loaded data from grid. If the clearfooter parameter is set to true, the method clears the data placed on the footer row.7. $("#jqgrid").setCell(rowid,colname,nData,cssp,attrp);//This method can change the content of particular cell and can set class or style properties. Where:rowid the id of the row,colname the name of the column (this parameter can be a number (the index of the column) beginningfrom 0data the content that can be put into the cell. If empty string the content will not be changed class if class is string then we add a class to the cell using addClass; if class is an array we set the new css properties via cssproperties sets the attribute properies of the cell,forceup If the parameter is set to true we perform update of the cell instead that the value is empty8.获取选中行IDvar rowid = $("#jqgrid").jqGrid('getGridParam','selrow');var rowid = $("#searchResultList").getGridParam("selrow");var rowData = $("#searchResultList").getRowData(rowid); /根据行ID，获取选中行的数据(根据) prmNames是jqGrid的一个重要选项，用于设置jqGrid将要向Server传递的参数名称。

jqGrid中文文档

1、jqGrid 3.6.2 中文文档——安装jqGrid（1）收藏在你开始之前在你开始jqGrid之前，你需要具有基本的JavaScript和jQuery知识。

有关jQuery的知识可访问jQuery网站。

当你已有了这些基础知识后，我们从jqGrid的系统需求开始。

系统需求基本需求：浏览器（Mozilla FireFox、Safari、Google Chrome、Opera、Microsoft Internet Explorer）jQuery库v1.3及以上（）jQuery UI主题（/themeroller/#themeGallery）jqGrid插件（/blog/?page_id=6）本地（静态）数据（如数组数据、XML数据文件或JSON数据文件）jqGrid主要是为了操作和呈现服务器上的动态数据，因此，你还需要一个web服务器（如IIS、Apache、Tomcat），一个数据库（如PostgreSQL、Oracle、MSSQL、MySQL）和服务器端脚本语言（如PHP、ASP）下载jqGrid你可以通过jqGrid网站的jqGrid下载生成器选择你需要的组件，生成适合你要求的jqGrid副本后下载。

选择你需要的组件下载生成器列出了所有组件：base，editing，subgrid，treegrid，import/export 和user contributed modules。

你选择的组件将合并为一个javascript文件——jquery.jqGrid.min.js。

选择完成后，点击Download按钮，你将得到包含你所选内容的压缩文件。

下载后下载后的压缩文件包括以下文件：/css/ui-jqgrid.css/js//i18n/grid.locale-bg.js所有语言文件….Changes.txtjquery-1.3.2.min.jsjquery.jqGrid.min.js/src//i18n/grid.locale-bg.js所有语言文件…./css/jquery.searchFilter.cssui-jqgrid.cssgrid.base.jsgrid.celledit.jsmon.jsgrid.custom.jsgrid.formedit.jsgrid.import.jsgrid.inlinedit.jsgrid.loader.jsgrid.postext.jsgrid.setcolumns.jsgrid.subgrid.jsgrid.tbltogrid.jsgrid.treegrid.jsjqDnR.jsjqModal.jsjquery.fmatter.jsjquery.searchFilter.jsjson2.jsJsonXml.js从文件结构上看，jqGrid需要的文件在/css/ 和/js/ 目录中，这些文件已被简化用于运行环境。

在jqgrid中按钮不能显示对应的图标的解决方法

在jqgrid中按钮不能显示பைடு நூலகம்应的图标的解决方法
在jqgrid中，按钮的提示和按钮的位置都出来了，就是按钮上的图标不能出来，折腾了我好久，终于解决，共享一下：
这个是由于jqgrid ui 的css导入问题：
1、下载位置：/themeroller/ ，我选择的是 smoothness 格式的；下载解压缩后，将css中的smoothness 整个目录拷贝到你自己项目的css中(也包含和image)，然后包含进去即可，比如：
<link rel="stylesheet" type="text/css" media="screen"
href="${ctx}/skin/default/css/searchFilter.css" />

<link rel="stylesheet" type="text/css" media="screen"
href="${ctx}/skin/default/css/smoothness/jquery-ui-1.10.2.custom.css" />
这个困扰了我好久，希望给你带来方便。

jqgrid的setcell对于动态列的使用使用方法

jqgrid的setcell对于动态列的使用使用方法要使用jqGrid的setCell方法来操作动态列，首先要确保已经加载了jqGrid插件。

可以在HTML中引入jQuery和jqGrid的相关脚本文件，或直接从CDN上加载这些文件。

首先，创建一个HTML表格结构，可以使用一个空的div来承载jqGrid表格：```html<div id="grid"></div>```然后，在JavaScript中定义jqGrid的相关配置，包括列模型和数据源。

在这个例子中，我们假设有一个按钮，点击按钮时动态添加一列。

```javascript$(functio//数据源var myData ={ id: 1, name: 'John', age: 25 },{ id: 2, name: 'Amy', age: 28 },{ id: 3, name: 'Tom', age: 30 }];//列模型var myColModel ={ name: 'id', label: 'ID', width: 50, editable: false }, { name: 'name', label: 'Name', width: 100, editable: true }, { name: 'age', label: 'Age', width: 50, editable: true } ];// jqGrid配置var gridConfig =datatype: 'local',data: myData,colModel: myColModel,rowNum: 10,rowList: [10, 20, 30],pager: '#gridPager',gridview: true,viewrecords: true};// 初始化jqGrid$("#grid").jqGrid(gridConfig);//添加列按钮点击事件$("#addColumn").click(functio//添加一列到列模型var newCol = { name: 'email', label: 'Email', width: 150, editable: true };myColModel.push(newCol);// 更新jqGrid表格var grid = $("#grid");grid.jqGrid('setGridParam', { colModel:myColModel }).trigger('reloadGrid');});});```在上面的例子中，我们定义了一个myData数组作为数据源，一个myColModel数组作为列模型，以及一个gridConfig对象作为jqGrid的配置。

jQueryGrid入门指南（2）

jQueryGrid⼊门指南（2）上周以为已经把jqgrid 表格这部分已经搞得差不多了，没想到在实际⽤的时候，出现了不少问题，重新把这块知识整理⼀下。

问题⼀：设置表格的⾃动刷新问题的原因：使⽤表格⾃带的增删改查的功能，编辑完数据后表中数据会刷新。

但是⼿写⽅法修改数据，例如模态框，修改完成后并不会在表中进⾏数据的刷新。

解决的办法：在请求发送之后，模态框关闭之前使⽤jqgrid的reloadGrid。

$("#jqGrid").trigger("reloadGrid");问题⼆：表中⽇期的显⽰格式问题的原因：当数据库中的字段是date类型时，直接将数据加载到表格中，显⽰得是⼀串数字，为时间的毫秒值。

解决的办法：给字段后追加时间转换的⽅法{ label: '⽇期', name: 'birthday' ,align: 'center',editable: true, formatter:dateConvert }, 编写dateConvert⽅法function dateConvert(cellvalue){var times= new Date(cellvalue) ;date = times.toLocaleString();return date;}问题三：设置表中每⾏交替显⽰样式不同问题的原因：在设置表格的属性altRows:true 后，表格的样式并没有发⽣改变解决的办法：在添加altRows:true属性之后，还需要设置altclass来规定需要交替显⽰得样式altRows: true, //设置⾏交替样式altclass: 'differ', //⼿动写的交替的样式.differ{background-color: #DDDDDC;}问题四：表格完成响应式问题的原因：这个问题本来已经在上⼀篇博客中得到了解决，可是⼜发现了⼀个新的问题，就是当表格的列数⽐较多时，表格中不会出现滚动条，⼿动调整窗⼝⼤⼩时才会出现。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

jqGrid -- 自定义按钮
用法：
如果使用新API
默认参数
caption：按钮名称，可以为空，string类型
buttonicon：按钮的图标，string类型，必须为UI theme图标onClickButton：按钮事件，function类型，默认null position：first或者last，按钮位置
title：string类型，按钮的提示信息
cursor：string类型，光标类型，默认为pointer id：string类型，按钮id
如果设置多个按钮：
按钮间的分隔
默认参数：
sepclass：ui-jqgrid的属性名
sepcontent：分隔符的内容
jqGrid -- 翻页与自定义按钮补充
jqGrid的翻页导航是一个方法，你可以事先定义一些其他操作，比如：编辑、新增、删除及搜索。

也可以增加自定义的函数。

导航工具栏是定义到翻页控件上的。

定义如下：
JS的用法：
如果使用新API：
或者：
grid_id ：表格id
gridpager ：导航栏id
parameters ：参数列表
prmEdit, prmAdd, prmDel, prmSearch, prmView ：事件参数使用：
详细参数说明
属性类型说明默认值
add boolean 是否启用新增功能，当点击按钮
时会触发editGridRow事件
true
addicon string 给新增功能设置图标，只有UI
theme里的图标才可以使用ui-icon-plus
addtext string 新增按钮上的文字空addtitle string 当鼠标移到新增按钮上时显示的
提示
新增一行
alertcap string 当我们edit,delete or view一行
记录时出现的提示信息
警告
alerttext string 当edit,delete or view一行记录
时的文本提示请选择一行记录
closeOnEscape boolean 是否可以使用esc键关闭对话框true del boolean 是否启用删除功能，启用时会触
发事件delGridRow
true
delicon string 设置删除按钮的图标，只有UI
theme里的图标才可以使用ui-icon-trash
deltext string 设置到删除按钮上的文字信息空
deltitle string 当鼠标移到删除按钮上时出现的
提示删除锁选择的行
edit boolean 是否启用可编辑功能，当编辑时
会触发事件editGridRow
true
editicon string 设置编辑按钮的图标，只有UI
theme里的图标才可以使用ui-icon-pencil
edittext string 编辑按钮上文字空
edittitle string 当鼠标移到编辑按钮上出现的提
示信息编辑所选择的行
position string 定义按钮位置，可选值left,
center and right.
left
refresh boolean 是否启用刷新按钮，当点击刷新
按钮时会触发
trigger(“reloadGrid”)事件，而且
true
会清空搜索条件值
refreshicon string 设置刷新图标，只有UI theme
里的图标才可以使用ui-icon-refresh
refreshtext string 刷新按钮上文字信息空refreshtitle string 当鼠标移到刷新按钮上的提示信
息
重新加载
refreshstate string 指明表格如何刷新。

firstpage：
从第一页开始刷新；current：
只刷新当前页内容
firstpage
afterRefresh function 当点击刷新按钮之后触发此事件null
search boolean 是否启用搜索按钮，会触发
searchGrid 事件true
searchhicon string 设置搜索按钮的图标，只有UI
theme里的图标才可以使用ui-icon-search
searchtext string 搜索按钮上的文字空searchtitle string 当鼠标移到搜索按钮上的提示信
息
搜索
view boolean 是否启用查看按钮，会触发事件
viewGridRow false
viewicon string 设置查看按钮的图标，只有UI
theme里的图标才可以使用ui-icon-document
viewtext string 查看按钮上文字空
viewtitle string 当鼠标移到查看按钮上的提示信
息查看所选记录
实例：
[js]
<script>
...
jQuery("#grid_id").jqGrid({ ...
pager : '#gridpager',
...
}).navGrid('#gridpager',{view:true, del:false},
{}, // use default settings for edit
{}, // use default settings for add
{}, // delete instead that del:false we need this
{multipleSearch : true}, // enable the advanced searching {closeOnEscape:true} /* allow the view dialog to be closed when user press ESC key*/ );
...
</script>
[js]
jqGrid -- 翻页
jqGrid的翻页要定义在html里，通常是在grid的下面，且是一个div对象：
js代码：
不必给翻页设置任何的css属性。

在jqGrid里定义的翻页可以是：:pager : '#gridpager', pager : 'gridpager' or pager : jQuery('#gridpager'). 推荐使用前两个，当使用其他方式时jqGrid的导入导出功能时会引起错误。

导航栏的属性：
如果想改变这些设置：
1、方法一：
2、方法二：
导航栏的属性
属性名类型说明默认
值
是否
可以
被修
改
lastpage integer 只读属性，总页数0 NO
pager mixed 导航栏对象，必须是一个有效
的html元素，位置可以随意空字
符串
NO
pagerpos string 定义导航栏的位置，默认分为
三部分：翻页，导航工具及记
录信息
center NO
pgbuttons boolean 是否显示翻页按钮true NO pginput boolean 是否显示跳转页面的输入框true NO
pgtext string 页面信息，第一个值是当前页
第二个值是总页数语言
包
YES
reccount integer 只读属性，实际记录数，千万
不能跟records 参数搞混了，
通常情况下他们是相同的，假
如我们定义rowNum=15，但
我们从服务器端返回的记录为
20即records=20，而
reccount=15，表格中也显示
15条记录。

0 NO
recordpos string 定义记录信息的位置，可选
值：left, center, right
right NO
records integer 只读属性，从服务器端返回的
记录数
none NO
recordtext string 显示记录的信息，只有当
viewrecords为true时起效，
且记录数必须大于0
语言
包
yes
rowList array[] 可以改变表格可以显示的记录空no
数，格式为[10,20,30] array[] rowNum integer 设置表格可以显示的记录数20 yes viewrecords boolean 是否要显示总记录数信息false no
所有这些参数都是可以修改的，比如：
跟翻页相关的事件只有一个：onPaging
事件名参数说明
onPaging pgButton 当点击翻页按钮但还为展现数据时触发此事件，当然这跳转栏输入页码改变页时也同样触发此事件。

参数pgButton可选值：first,last,prev,next。