dev中gridview控件 z
一、客户端常用
1.常用API
2.聚焦行变更事件
3.客户端选择多行
4.客户端选择行
5. 获取选择的行数目
6.单击行时,选中行
7.通过checkbox 选择行
8.选择所有行
9.启动编辑框,Container.VisibleIndex 获取行索引
10.启动服务器端函数:
二、客户端常用事件
三、服务器端常用属性
四、服务器端常用方法
五、服务器端常用事件
六、列的设置
1.模板列使用超链接
2.模板列使用Button用法
3. 使用命令列
七、其他
------------------------
------------------------
内容:
一客户端常用
1.常用API:
PerformCallback(this.value);
CollapseAll()
ExpandAll()
SelectRows()
UnselectRows()
UnselectAllRowsOnPage()
SelectAllRowsOnPage(this.checked)
2.聚焦行变更事件。向服务器查询聚焦行的 "EmployeeID" 和 "Notes" 信息,并该信息将返回到 OnGetRowValues() 函数
function OnGridFocusedRowChanged() {
grid.GetRowValues(grid.GetFocusedRowIndex(), 'EmployeeID;Notes', OnGetRowValues);
}
// 处理服务器端传回的数据(values是个数组,包含 "EmployeeID" 和 "Notes" 值)
function OnGetRowValues(values) {
DetailImage.SetImageUrl("FocusedRow.aspx?Photo=" + values[0]);
DetailNotes.SetText(values[1]);
}
<ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged(); }"/>
3.客户端选择多行
function grid_SelectionChanged(s, e) {
s.GetSelectedFieldValues("ContactName", GetSelectedFieldValuesCallback);
}
function GetSelectedFieldValuesCallback(values) {
selList.BeginUpdate();
try {
selList.ClearItems();
for(var i = 0; i < values.length; i ++) {
selList.AddItem(values[i]);
}
} finally {
selList.EndUpdate();
}
document.getElementById("selCount").innerHTML = grid.GetSelectedRowCount();
}
<ClientSideEvents SelectionChanged="grid_SelectionChanged" />
4.客户端选择行
function OnGridFocusedRowChanged()
{
// Query the server for the "EmployeeID" and "Notes" fields from the focused row
// The values will be returned to the OnGetRowValues() function
grid.GetRowValues(grid.GetFocusedRowIndex(), 'EmployeeID;Notes', OnGetRowValues);
}
//Value array contains "EmployeeID" and "Notes" field values returned from the server
function OnGetRowValues(values)
{
var notes = document.getElementById("detailnotes");
notes.value = values[1];
var image = document.getElementById("detailimage");
image.src = "FocusedRow.aspx?Photo=" + values[0];
}
5. 获取选择的行数目 grid.GetSelectedRowCount()
6.单击行时,选中行
function OnRowClick(e) {
//Clear the text selection
_aspxClearSelection();
//Unselect all rows
grid._selectAllRowsOnPage(false);
//Select the row
grid.SelectRow(e.visibleIndex, true);
}
<ClientSideEvents RowClick="function(s, e) { OnRowClick(e); }" />
7.通过checkbox 选择行 设置GridView 的属性ShowSelectCheckBox =true
function grid_SelectionChanged(s,e) {
s.GetSelectedFieldValues("ContactName",GetSelectedFieldValuesCallback);
}
GetSelectedFieldValuesCallback 回调函数
function GetSelectedFieldValuesCallback(values) {
selList.BeginUpdate();
try {
selList.ClearItems();
for(var i=0;i<values.length;i++) {
selList.AddItem(values[i]);
}
} finally {
selList.EndUpdate();
}
document.getElementById("selCount").innerHTML=grid.GetSelectedRowCount();
}
selList 是ASPxListBox控件
8.选择所有行: grid.SelectAllRowsOnPage(this.checked);
9.grid.StartEditRow(VisibleIndex) 启动编辑框,Container.VisibleIndex 获取行索引
<dxwgv:GridViewDataColumn FieldName="CustomerID" VisibleIndex="0">
<DataItemTemplate>
<%#GetEditRowHtml(Container.VisibleIndex) %> GetEditRowHtml 为后台一个方法返回一个字符串
</DataItemTemplate>
</dxwgv:GridViewDataColumn>
protected string GetEditRowHtml(int visibleIndex) {
string rowValue = Convert.ToString(grid.GetRowValues(visibleIndex, "Country"));
string cbValue = Convert.ToString(cbCountries.Value);
if(rowValue == cbValue)
return string.Format("<a href='JavaScript:grid.StartEditRow({0})'> Edit </a>", visibleIndex);
return "Read Only";
}
10.启动服务器端函数: _CustomerCallBack()
PerformCallback(parameter)
二、客户端常用事件
1.
<ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged(); }"/>
2.
<ClientSideEvents SelectionChanged="grid_SelectionChanged" />
3.
<ClientSideEvents RowClick="function(s, e) { OnRowClick(e); }" />
三、服务器端常用属性
四、服务器端常用方法
1.获取指定行的数据
object masterKeyValue = masterGrid.GetRowValues(Convert.ToInt32(e.Parameters), "CategoryID");
2.查找包含在gridview中的控件
grid.FindRowTemplateControl(e.VisibleIndex,"id");
grid.FindRowCellTemplateControl(e.VisibleIndex, null, "id");
Label label = grid.FindRowCellTemplateControl(e.VisibleIndex, null, "changePercent") as Label;
六、服务器端常用事件
1.行创建时执行事件
protected void grid_HtmlRowCreated(object sender, ASPxGridViewTableRowEventArgs e)
{
e.Row.Cells[0].Enabled = false;
e.GetValue("Change") decimal change = (decimal)e.GetValue("Change");
}
2.动态设置每个单元格的显示内容:
protected void grid_CustomColumnDisplayText(object sender, ASPxGridViewColumnDisplayTextEventArgs e)
{
e.Column.FieldName
e.DisplayText
}
3.编辑事件
protected void grid_RowUpdating(object sender, DevExpress.Web.Data.ASPxDataUpdatingEventArgs e)
4. protected void grid_BeforeColumnSortingGrouping(object sender, ASPxGridViewBeforeColumnGroupingSortingEventArgs e)
{
BindGrid();
}
六、列的设置
1.模板列使用超链接
a.<dxwgv:GridViewDataColumn Caption=" " Width="64px">
<DataItemTemplate>
<a href="javascript:showEditForm('<%# Container.KeyValue.ToString() %>');">编辑</a>
<a href="javascript:deleteRow('<%# Container.KeyValue.ToString() %>');">删除</a>
</DataItemTemplate>
<Settings AllowDragDrop="False" />
</dxwgv:GridViewDataColumn>
b.<dxwgv:GridViewDataColumn Caption="单号" FieldName="note_id">
<DataItemTemplate>
<a href="VisitorNoteDetail.aspx?note_id=<%#Eval("note_id") %>"><%#Eval("note_id") %></a>
</DataItemTemplate>
</dxwgv:GridViewDataColumn>
c.<dxwgv:GridViewDataHyperLinkColumn Caption="单据ID" FieldName="note_id" Width="80px"
VisibleIndex="2">
<PropertiesHyperLinkEdit TextFormatString="note_id"
NavigateUrlFormatString="VisitorNoteDetail.aspx?id={0}">
</PropertiesHyperLinkEdit>
</dxwgv:GridViewDataHyperLinkColumn>
2.模板列使用Button用法
a. 前台代码:
<dxwgv:GridViewDataColumn Caption="审批" Width="110" VisibleIndex="1">
<DataItemTemplate>
<div style="float: left; padding-right:3px;">
<dxe:ASPxButton ID="btAllow" runat="server" Text="通过" CommandName="Allow" CommandArgument='<
%#Eval("note_id")%>'>
<ClientSideEvents Click="function(s,e) {if(!confirm('确定审批该单据吗?'))
{e.processOnServer=false;}}" />
</dxe:ASPxButton>
</div>
<dxe:ASPxButton ID="btRefuse" runat="server" Text="拒绝" CommandName="Refuse" CommandArgument='<%#Eval
("note_id")%>' >
<ClientSideEvents Click="function(s,e) {if(!confirm('确定审批该单据吗?'))
{e.processOnServer=false;}}" />
</dxe:ASPxButton>
</DataItemTemplate>
</dxwgv:GridViewDataColumn>
b.后台代码:(事件:grid_RowCommand)
protected void grid_RowCommand(object sender, ASPxGridViewRowCommandEventArgs e)
{
ASPxButton button=e.CommandSource as ASPxButton;
int noteID = Convert.ToInt32(button.CommandArgument.ToString());
if (button.CommandName == "Allow")
{
ApproveNote(noteID, 1, 1);
}
else
{
ApproveNote(noteID, 2, 0);
}
BindGrid();
}
3. 使用命令列
a.<%--<dxwgv:GridViewCommandColumn Caption="审批" ButtonType="Button" Width="80px" VisibleIndex="1">
<CustomButtons>
<dxwgv:GridViewCommandColumnCustomButton ID="Allow" Text="通过">
</dxwgv:GridViewCommandColumnCustomButton>
<dxwgv:GridViewCommandColumnCustomButton ID="Refuse" Text="拒绝">
</dxwgv:GridViewCommandColumnCustomButton>
</CustomButtons>
</dxwgv:GridViewCommandColumn>--%>
后台事件是:_CustomerCallBack
b. <dxwgv:GridViewCommandColumn ShowSelectCheckbox="true" Width="30px" VisibleIndex="1" >
<HeaderTemplate>
<input type="checkbox" onclick="grid.SelectAllRowsOnPage(this.checked);" title="选择/放弃选择本页的所有
行" />
</HeaderTemplate>
<HeaderStyle HorizontalAlign="Center" />
</dxwgv:GridViewCommandColumn>
后台获取选择行的方法: List<object> noteIds=grid.GetSelectedFieldValues("note_id");
七、其他
1.ASPxGridView 排序方法
private string GetSort()
{
string sortID = "";
if (grid.GetSortedColumns().Count > 0)
{
GridViewDataColumn c = grid.GetSortedColumns()[0];
sortID = c.FieldName + (c.SortOrder == ColumnSortOrder.Descending ? " DESC" : " ASC");
}
return sortID;
}
对应的ASPxGridView 后台事件:
protected void grid_BeforeColumnSortingGrouping(object sender, ASPxGridViewBeforeColumnGroupingSortingEventArgs e)
{
BindGrid();
}
dev中gridview控件 z的更多相关文章
- 玩转控件:对Dev中GridControl控件的封装和扩展
又是一年清明节至,细雨绵绵犹如泪光,树叶随风摆动.... 转眼间,一年又过去了三分之一,疫情的严峻让不少企业就跟清明时节的树叶一样,摇摇欲坠.裁员的裁员,降薪的降薪,996的996~~说起来都是泪,以 ...
- ASP.NET中GridView控件删除数据的两种方法
今天在用GridView控件时,发现了一个问题,就是使用GridView控件在删除数据时的问题.接下来我们通过模板列方式和CommandField方式删除某条数据讲解下两者之间的区别. 方式一:通 ...
- devexpress中gridview控件编辑时改变输入法状态
在win7环境下使用Devexpress中的SpinEdit控件,切换成中文[简/繁]输入法输入数字键时有不少输入法会重复产生数字如输入1会变成11,输入123会变成112233.使用SpinEdit ...
- 关于开发C#中的asp.net中gridview控件的使用
原文网址:http://blog.sina.com.cn/s/blog_67f1b4b201017663.html 1.GridView无代码分页排序: 效果图: 1.AllowSorting设为Tr ...
- asp.net中gridview控件的一些基本使用方法
[ 转自苏飞博客]共两篇 (1)菜单目录: GridView无代码分页排序GridView选中,编辑,取消,删除GridView正反双向排序GridView和下拉菜单DropDownList结合Gri ...
- 20150709---Web中GridView控件根据绑定的数据显示不同的图片
示例图: 根据数据判断,显示各种不同的图片 该列的前端代码: <asp:TemplateField HeaderText="审图"> <ItemTemplate& ...
- 玩转控件:对Dev的GridControl控件扩展
缘由 一切实现来源于需求,目的在于不盲目造轮子,有小伙伴儿在看了<玩转控件:对Dev中GridControl控件的封装和扩展>文章后,私信作者说,因公司业务逻辑比较复杂,展示字段比较多,尤 ...
- Winform 中DataGridView、dev Gridview控件添加行标题
有很多种方法. 1.可以在DataGridView控件中的RowStateChanged事件改变行标题单元格的值(Row.HeaderCell.Value) /// <summary> / ...
- .net dataGridView当鼠标经过时当前行背景色变色;然后【给GridView增加单击行事件,并获取单击行的数据填充到页面中的控件中】
1.首先在前台dataGridview属性中增加onRowDataBound属性事件 2.然后在后台Observing_RowDataBound事件中增加代码 protected void Obser ...
随机推荐
- 如何在Angular2中使用Forms
在Angular2中形成两个基本对象是Control和ControlGroup. 控制用户输入 Control 一个控制表示一个输入字段(ngFormControl) 一个控制可以绑定到一个input ...
- CCPC网赛,HDU_5832 A water problem
Problem Description Two planets named Haha and Xixi in the universe and they were created ...
- 代码方式删除SVN
public static void delect(File s) { File b[] = null; if (s.exists()) {// 判读是否存在 if (s.isDirectory()) ...
- 【转】Vim命令合集以及乱码问题解决
乱码问题 """""""""""""""" ...
- php 文件路径设置 set_include_path(); get_include_path();
<?php set_include_path($string); //设置路径 get_include_path(); // 获取当前的路径 //例如:文件路径为: //D:/phpweb/de ...
- WCF Rest Json
1.定义ServiceContract及实现 [ServiceContract] public interface IMemberService { [OperationContract] strin ...
- string内存管理
本人从事.net开发快两年了,一直认为鄙人的C++基础还是很扎实的,并且对Windows操作系统也有一定认识(Linux系就真比较少用),刚毕业的时候,也曾经经常研究游戏破解之类的小外挂,那时候真是折 ...
- codeforces 278Div1 B题
虚拟参赛的时候没想到是线段树,看到很多人都过了,也蛮着急的. 首先用二分+线段树的方法更新DP[i]:它表示以A[i]为结尾可以最前到哪个位置: 再用线段树计算ans[i]:它表示当前i个A元素可以最 ...
- shutdown computer in ad and ou
1. powershell Shutdown-computer –computername (gc c:\temp\serverlist.txt) –force –throttlelimit 10 h ...
- cocos2dx3.4 导出节点树到XML文件
l利用cocostudio做UI和场景时,经常要去获取某个节点,cocostudio2.1开始加入了文件的概念,可以创建场景,节点,层等文件,把公用的东西创建到文件里,然后把这个文件拖到场景里使用,达 ...