AR.DataGrid 文档

用法：

<body>

    <table id="dg"></table>

</body>

</html>

<script type="text/javascript">

    var dg = new AR.DataGrid("Sys_Role");

    dg.isEditor = true;

    dg.PKColumn.add("detail", "权限分配", 'roleAction', null, "权限分配", "edit");

    dg.bind();

    function roleAction(v, r, i) {

        var rname = r.rolename;

        AR.Utility.Window.open('RoleAction.html?id=' + v, '当前角色（' + rname + '）');

    }

</script>

构造函数

名称

说明

new AR.DataGrid

(objName,tableName,tableID,isTreeGrid)

objName：主对象名（视图名或表名）

用于获取列头和数据呈现表格

tableName：表名，用于编辑或删除操作

tableID：默认dg，否则需要指定

isTreeGrid：如果为true。

同时需要指定三个参数：

dg.options = {

idField: "ID列",

treeField: "名称列",

parentField: "父级ID列"

}

1：对象：

名称

说明

PKColumn

主键操作区（编辑、删除、保存、取消）

Search

搜索查询区

ToolBar

功能按钮区

HeaderMenu

配置表头的右键菜单

ContextMenu

行的右键菜单

2：属性：

名称

说明

Internal

内部参数，包括：

this.Internal = {

primarykey: 主键名称,

headerData: 列头数据,

isLoadCompleted: 表格数据是否已加载完成

}

ToolArea

工具区（包含搜索区和按钮区）

this.ToolArea = {

id: div的ID,

$target: JQ对象,

Search: this.Search,

ToolBar: this.ToolBar,

isHidden: 是否隐藏（包括Search隐藏和ToolBar隐藏）

}

id

表格的ID

isTreeGrid

【默认false】TreeGrid或DataGrid属性

tableName

表名

objName

主对象名（视图名或表名）

isShowCheckBox

【默认true】是否显示复选框

isShowToolArea

【默认true】是否显示工具区（等同ToolArea.isHidden属性）

isEditor

【默认false】是否启用行内编辑

options

Easyui的options参数（通过此参数，复盖EasyUI的参数

$target

JQ对象

defaultInsertData

行内编辑时，添加数据的默认填充数据：

示例：

dg.defaultInsertData = {

objname: objName, align: 'center', width: 100, ordernum: 100, rowspan: 1, colspan: 1, mergeIndex: 1, datatype: 'string,50,0,0'

};

3：方法：

名称

参数

说明

addWhere

（name,

value,

pattern,

isOr）

添加默认查询条件：

示例：

dg.addWhere("f1", "3", "like");

name:字段名

value：值

pattern：操作符

like、=、>、<、>=、<=、in、 <>、isnull

、likeor(这个为自定义条件)

isOr：and、or

likeor示例：

dg.addWhere("随意", "id>10 or id<10", "likeor");

removeWhere

（name）

根据字段名移除addWhere添加的条件

datagrid

（key, value）

统一treegrid和datagrid的EasyUI用法

示例：

dg.datagrid("getChecked");

getChecked

（）

【Array】获得打勾选中的行

getCheckedId

（key）

【Array】获得打勾选中的行ID。

key：若指定列名，则取指定的列。

getSelected

（）

返回第一个被选择的行记录或null

getData

（）

返回已载入数据

reload

（）

重载记录，跟'load'方法一样但是重载的是当前页的记录而非第一页。

bind

（）

绑定表格（之前都是设置参数，这个函数才开始组合参数并获取表头及数据请求）

AR.DataGrid 的对象介绍：

对象的共性：

名称

说明

isHidden

是否隐藏

$target

JQ对象

onBeforeExecute

onExecute

onAfterExecute

执行前（参数可能各不相同）

执行（参数可能各不相同）

执行后（参数可能各不相同）

1：PKColumn

属性

名称

类型

说明

Items

Aries.Dictionary

存档每行的主键列信息，只能在数据呈现之后获取,如onLoadSuccess事件

Editor

{

BtnEdit,

BtnDel,

BtnSave,

BtnCancel

}

内部有四个系统的可控制的按钮。

其它通过add方法自定义添加的，只能通过Items获取。

按钮共性：

isHidden：是否隐藏

$target：JQ对象。

相关事件：

BtnEdit：onBeforeExecute = function (value, index)

BtnDel：onBeforeExecute = function (value, index)

BtnSave：onBeforeExecute = function (value, index, postData)

BtnCancel：onBeforeExecute = function (value, index)

方法

名称

参数

说明

add

key, title, clickname, url, winTitle, lv2action

/**

*如果设置clickname url&winTitle则无效

*@param{string} key 指向$Core.Common.js文件buttons_temp对象中的key值

*@param{string} title 鼠标划过显示的文字

*@param{string} clickname 事件名

*@param{string} url 打开页面的URL

*@param{string} winTitle 打开窗口的标题

*@param{string} lv2action 二级权限名称

*/

2：Search 对象

属性：

名称

参数类型

说明

Items

Aries.Dictionary

存档所有Input的对象数组，在调用bind()方法后才能获取。

BtnQuery

onBeforeExecute(searchJsonArray)：

可以对SearchJsonArray进行修改

BtnReset

清空值后，调用的BtnQuery进行查询。

3：ToolBar 对象

属性：

名称

参数类型

说明

Items

Aries.Dictionary

存档所有按钮的对象数组，在调用bind()方法后才能获取

BtnAdd

function (index, isSameLevel)

isSaveLevel：TreeGrid时添加下级还是同级

BtnDelBatch

onBeforeExecute = function (ids, index)

BtnImport

onBeforeExecute = function (param)

//导入之前执行事件，设置参数如：param.p1 = abc;param.p2 = 123

BtnExport

onBeforeExecute = function (param)

*@param{object} param 需要变更或者传递附加参数可对param进行修改

BtnExportTemplate

onBeforeExecute = function (param)

@param{object} param 需要变更或者传递附加参数可对param进行修改

方法：

名称

参数类型

说明

add

text, fname, index, css, lv2action

/**

*向工具条添加按钮

*@param{string} text 按钮显示的文本

*@param{string} fname 按钮注册的事件函数名称

*@param{int} index 按钮的索引排序值从1开始,默认值最后

*@param{string} css 样式名称，默认值'btn-sm'

*@param{string} lv2action 二级权限控制，默认值0

*/

addHtml

HTMLString, index, lv2action

/**

*向工具条添加自定义的HTML元素

*@param{string} HTMLString 一个字符串标签

*@param{string} index 按钮的索引排序值从1开始,默认值最后

*@param{int} lv2action 二级权限控制，默认值0

*/

4：HeaderMenu、RowMenu 对象

属性：

名称

参数类型

说明

Items

Array

存档右键菜单的内容

[{ "text": "名称", "onclick": "JS事件", "lv2action": "权限" },

{ "text": "名称2", "onclick": "JS事件2", "lv2action": "权限2" }

]

方法

名称

参数类型

说明

add

text, fname, lv2action

/**

*向工具条添加按钮

*@param{string} text 按钮显示的文本

*@param{string} fname 按钮注册的事件函数名称

*@param{string} lv2action 二级权限控制，默认值0

*/

ASP.NET Aries JSAPI 文档说明：AR.DataGrid的更多相关文章

  1. ASP.NET Aries JSAPI 文档说明：AR.Form、AR.Combobox

    AR.Form 文档 1:对象或属性: 名称 类型 说明 data 属性 编辑页根据主键请求回来的数据 method 属性 用于获取数据的函数指向,默认值Get objName 属性 用于拦截form ...

  2. ASP.NET Aries JSAPI 文档说明：AR.Utility

    AR.Utility 文档 1:方法: 名称 说明 queryString function (key) *模拟.NET的Request对象 stringFormat function (str, a ...

  3. ASP.NET Aries JSAPI 文档说明：AR.DataGrid、AR.Dictionary

    AR.Global 文档 1:对象或属性: 名称 类型 说明 DG 对象 DataGrid操作对象 //datagrid集合,根据ID取出DataGrid对象,将Json当数组用. Items: ne ...

  4. ASP.NET生成WORD文档，服务器部署注意事项

    网上转的,留查备用,我服务器装的office2007所以修改的是Microsoft Office word97 - 2003 文档这一个. ASP.NET生成WORD文档服务器部署注意事项 1.Asp ...

  5. asp.net生成word文档服务器配置

    一.asp.net生成word文档,布署到正式的服务器上就出现           错误:System.Runtime.InteropServices.COMException (0x800A1098 ...

  6. ASP.NET WebAPI 测试文档 (Swagger)

    ASP.NET WebAPI使用Swagger生成测试文档 SwaggerUI是一个简单的Restful API测试和文档工具.简单.漂亮.易用(官方demo).通过读取JSON配置显示API .项目 ...

  7. asp.net 将word文档进行编辑并导出一个新的word

    最近做项目,需要多word文档进行编辑并导出一个新的word,在最初的word编辑中留下特定的字符串用来替换,然后在本地生成一个新的word文档,并且不修改服务器中的word文档,这样才能保证服务器中 ...

  8. asp.net输出docx文档出现【文件已损坏 无法打开】问题的解决方案

    在某个项目中,有个需求需要将一些附件文档以字节流的形式直接存储在数据库中. 功能实现后,尝试过很多格式文件的上传下载处理,均未发现问题, 唯独在下载docx格式文件后,一打开文件就提示: “无法打开文 ...

  9. ASP.NET将word文档转换成pdf的代码

    一.添加引用 using Microsoft.Office.Interop.Word; 二.转换方法 1.方法 C# 代码 /// <summary> /// 把Word文件转换成pdf文 ...

随机推荐

  1. 日期格式代码出现两次的错误 ORA-01810

    错误的原因是使用了两次MM . 一.Oracle中使用to_date()时格式化日期需要注意格式码 如:select to_date('2005-01-01 11:11:21','yyyy-MM-dd ...

  2. Spring基于AOP的事务管理

                                  Spring基于AOP的事务管理 事务 事务是一系列动作,这一系列动作综合在一起组成一个完整的工作单元,如果有任何一个动作执行失败,那么事务 ...

  3. [翻译]开发文档：android Bitmap的高效使用

    内容概述 本文内容来自开发文档"Traning > Displaying Bitmaps Efficiently",包括大尺寸Bitmap的高效加载,图片的异步加载和数据缓存 ...

  4. .NET 串口通信

    这段时间做了一个和硬件设备通信的小项目,涉及到扫描头.输送线.称重机.贴标机等硬件.和各设备之间通信使用的是串口或网络(Socket)的方式.扫描头和贴标机使用的网络通信,输送线和称重机使用的是串口通 ...

  5. 探真无阻塞加载javascript脚本技术，我们会发现很多意想不到的秘密

    下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox: 下面是chrome: 在浏览百度首页前我都将浏览器的缓存全部清理掉,让这个场景最接近第一次访问 ...

  6. JavaScript基础知识总结（二）

    JavaScript语法 二.数据类型 程序把这些量.值分为几大类,每一类分别叫什么名称,有什么特点,就叫数据类型. 1.字符串(string) 字符串由零个或多个字符构成,字符包括字母,数字,标点符 ...

  7. Exception in thread "main" java.lang.NoSuchMethodError: org.objectweb.asm.ClassWriter.<init>(I)V

    在学习CGlib动态代理时,遇到如下错误: Exception in thread "main" java.lang.NoSuchMethodError: org.objectwe ...

  8. 【微信小程序开发•系列文章六】生命周期和路由

    这篇文章理论的知识比较多一些,都是个人观点,描述有失妥当的地方希望读者指出. [微信小程序开发•系列文章一]入门 [微信小程序开发•系列文章二]视图层 [微信小程序开发•系列文章三]数据层 [微信小程 ...

  9. arcgis api for js入门开发系列五地图态势标绘(含源代码)

    上一篇实现了demo的地图查询功能,本篇新增地图态势标绘模块,截图如下: 本篇核心的在于调用API的Draw工具:https://developers.arcgis.com/javascript/3/ ...

  10. Android Studio 编译单个module

    前期自己要把gradle环境变量配置好 在Terminal中gradle命令行编译apk 输入gradle assembleRelease 会编译全部module编译单个modulecd ./xiru ...