JQgrid for asp.net 不完全手记

简介: JQgrid for asp.net 网上资料较少,自己总结了些不全,能用到的可以借鉴下   控件: @ Register Assembly="Trirand.Web" Namespace="Trirand.

 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);选择行
 
 
 
 
 
 
 

 

 

 

目录
相关文章
|
JavaScript .NET 开发框架
jqgrid for asp.net 遍历所有列rowObject时不用输入编号
先看列 这里绑定了入库单号列,编辑的js方法为doShowInStoreInfo //显示入库单信息 function doSh...
926 0
|
存储 JavaScript .NET
jqgrid for asp.net 单页全选记录ID
官网给的例子里单页全选得不到ID,一个一个选能得到,所以我要添加JS方法把rowid存到一个hidden里以便让后台也能收到,使全选时能存储ID。 选中状态的方法为.setSelection(rowid),因为本来这个页就被选中了,所以这个方法就不用写了。
821 0
|
14天前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
21 7
|
12天前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
29 0
|
1月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
31 0
|
1月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
1月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
79 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
148 0
|
4月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统(Laboratory Information System,缩写LIS)是一类用来处理实验室过程信息的软件,云LIS系统围绕临床,云LIS系统将与云HIS系统建立起高度的业务整合,以体现“以病人为中心”的设计理念,优化就诊流程,方便患者就医。
64 0
|
4月前
|
开发框架 前端开发 .NET
C# .NET面试系列六:ASP.NET MVC
<h2>ASP.NET MVC #### 1. MVC 中的 TempData\ViewBag\ViewData 区别? 在ASP.NET MVC中,TempData、ViewBag 和 ViewData 都是用于在控制器和视图之间传递数据的机制,但它们有一些区别。 <b>TempData:</b> 1、生命周期 ```c# TempData 的生命周期是短暂的,数据只在当前请求和下一次请求之间有效。一旦数据被读取,它就会被标记为已读,下一次请求时就会被清除。 ``` 2、用途 ```c# 主要用于在两个动作之间传递数据,例如在一个动作中设置 TempData,然后在重定向到另
260 5