JQgrid for asp.net 不完全手记

JQgrid for asp.net 网上资料较少，自己总结了些不全，能用到的可以借鉴下

控件：

@ Register Assembly="Trirand.Web" Namespace="Trirand.Web.UI.WebControls" TagPrefix="cc1"

使用：

<cc1:JQGrid ID="Jqgrid1" runat="server" Width="800px">

</cc1:JQGrid>

内部控件：

【cc1:JQGrid】：控件，可配置属性包括

OnRowAdding新增方法（后台）

protectedvoid Jqgrid1_RowAdding(object sender, Trirand.Web.UI.WebControls.JQGridRowAddEventArgs e)

OnRowEditing修改方法（后台）

protectedvoid Jqgrid1_RowEditing(object sender, Trirand.Web.UI.WebControls.JQGridRowEditEventArgs e)

MultiSelect="true"选择框

MultiSelectMode选中模式：SelectOnRowClick选中即选择，SelectOnCheckBoxClickOnly点击选择框选择

OnDataRequesting加载方法（后台）

protectedvoid Jqgrid1_DataRequesting(object sender, Trirand.Web.UI.WebControls.JQGridDataRequestEventArgs e)

onsearching查找方法

protectedvoid JQGrid1_Searching(object sender, Trirand.Web.UI.WebControls.JQGridSearchEventArgs e)

【ToolBarSettings】:配置信息，可配置属性包括

ShowAddButton是否显示新增（true，false），

ShowEditButton是否显示修改（true，false），

ShowDeleteButton是否显示删除（true，false），

ShowSearchToolBar是否显示查找（头部）（true，false），

ShowSearchButton是否显示查找（按钮）（true，false）

ShowInlineAddButton="true"控制行添加按钮

ShowInlineCancelButton="true"控制取消编辑按钮

ShowInlineDeleteButton="true"控制行删除按钮

ShowInlineEditButton="true"控制行修改按钮

****/实例/****

<ToolBarSettings ShowAddButton="true" ShowEditButton="true" ShowDeleteButton="true"

ShowSearchToolBar="true" ShowSearchButton="true" />

****/实例/****

【<Columns>】：开始绑定列</Columns>

【<cc1:JQGridColumn>】：绑定一列，可配置属性包括

Editable是否在修改页显示，

Searchable是否可以查找，

HeaderText列表头显示，

DataField绑定数据源

Frozen="true"是否固定该列

EditDialogColumnPosition=(int)修改时坐标列

EditDialogRowPosition=(int)修改时坐标行

****/实例/****

<cc1:JQGridColumn Editable="true" Searchable="true" HeaderText="ID" DataField="order_no">

</cc1:JQGridColumn>

****/实例/****

【AddDialogSettings】：新增窗口配置，没有此控件弹出默认配置窗口，可配置属性包括

CancelText取消文本信息，

Caption标题文本显示，

ClearAfterAdding新增后清除（字面意），

CloseAfterAdding新增后关闭（字面意），

Draggable是否可以拖动窗口（此窗口为置顶窗口），

TopOffset离浏览器高度，

LeftOffset离浏览器左边长度，

LoadingMessageText加载时显示文本（字面意），

Modal模型（true，false），

ReloadAfterSubmit返回后台（猜的），

Resizable允许拉伸页面，

SubmitText确定文本

【EditDialogSettings】：修改窗口配置

【DeleteDialogSettings】：删除窗口配置

****/实例/****

<AddDialogSettings CancelText="取消" Caption="新增" ClearAfterAdding="true" CloseAfterAdding="true"

Draggable="true" Height="400" Width="800" TopOffset="20" LeftOffset="40" LoadingMessageText="Adding a new row"

Modal="true" ReloadAfterSubmit="true" Resizable="false" SubmitText="保存" />

<EditDialogSettings CancelText="Cancel Editing" Caption="Edit Dialog" CloseAfterEditing="true"

Draggable="true" Height="400" Width="400" TopOffset="50" LeftOffset="20"

LoadingMessageText="Currently Editing Data"

Modal="true" ReloadAfterSubmit="true" Resizable="true" SubmitText="修改" />

<DeleteDialogSettings CancelText="Cancel delete" Draggable="true" Height="400" Width="400"

TopOffset="100" LeftOffset="100" LoadingMessageText="Deleting" Modal="false"

ReloadAfterSubmit="true" Resizable="true" SubmitText="Do delete" />

****/实例/****

【SearchDialogSettings】：查找窗口配置

Draggable是否可以拖动窗口（此窗口为置顶窗口），

FindButtonText查看文本，

ResetButtonText重置文本，

MultipleSearch多重查询，

TopOffset离浏览器高度，

LeftOffset离浏览器左边长度，

【PagerSettings】：页脚属性

PageSize每页显示条数

PageSizeOptions分页显示数量，是个列表PageSizeOptions="[10,20,50,100,]"

【ClientSideEvents】：自定义事件，里面有好多时间，前台的，

RowSelect选择事件function rowSelected(rowID, isSelected) {}

LoadComplete翻页后启动，loadfunction restoreSelectedRows() {}

JS常见方法及参数

【var grid = jQuery("#<%= Jqgrid1.ClientID %>");】：得到控件，必要参数

.setSelection(int row);选择行

转载于:https://www.cnblogs.com/shiworkyue/archive/2012/12/11/3845328.html

JQgrid for asp.net 不完全手记相关推荐

jqgrid for asp.net 单页全选记录ID
官网给的例子里单页全选得不到ID,一个一个选能得到,所以我要添加JS方法把rowid存到一个hidden里以便让后台也能收到,使全选时能存储ID. 选中状态的方法为.setSelection(rowi ...
jqgrid for asp.net 遍历所有列rowObject时不用输入编号
先看列 <cc1:JQGridColumn Visible="false" Editable="true" DataType="String&q ...
ASP.NET MVC 随手记
ViewBag: 本质上市一个字典,提供了一种View可以访问的动态数据存储.这里用到了.NET 4.0的动态语言特性.可以给ViewBag添加任意属性,并且这个属性是动态创建的,不需要修改类的定义就 ...
使用 asp.net mvc和 jQuery UI 控件包
如果你使用asp.net mvc,而且使用的js库是jQuery, 那么一定别错过使用jQuery UI,使用jQuery UI 有个一套的mvc套件值得使用jQuery ASP.Net MVC Co ...
asp.net mvc jqgrid 同一个页面查询不同的表，jqgrid显示不同表的表头和数据并且分页...
基于我上一篇文章<a href="http://www.cnblogs.com/alasai/p/4765756.html">asp.net mvc excel导入&l ...
Asp.net MVC4 Knockoutjs BootStrap Ace NinJect Jqgrid sqlserver2008
Asp.net MVC4 Knockoutjs BootStrap Ace NinJect Jqgrid sqlserver2008 转载于:https://www.cnblogs.com/zhx ...
ASP.NET MVC and jqGrid 学习笔记 2-如何从本地获得数据
上回说到jqgrid的基本配置,同时演示了显示数据的一种方法--datatype: "local".这种方法是从本地获取的,确切地说是在前端页面的javascript里写的硬编码. ...
Asp.Net MVC中使用ACE模板之Jqgrid
第一次看到ACE模板,有种感动,有种相见恨晚的感觉,于是迅速来研究.它本身是基于bootstrap和jqueryui,但更nice,整合之后为后台开发节省了大量时间. 发现虽然不是完美,整体效果还是不 ...
WebMatrix开发ASP.NET试用手记[转帖]
转自: http://www.mingblog.com/blogview.asp?logID=143&pages=1 前言无可否认,Microsoft的重量级开发工具Visual Studi ...

JQgrid for asp.net 不完全手记

JQgrid for asp.net 不完全手记相关推荐

最新文章

热门文章