FineUI第十七天---- 表格之扩展列
表格之扩展列
1.序号列与复选列:只需要设置表格的EnableRowNumber和EnableCheckBoxSelect属性为true即可!
注意:序号列表示的是当前页的顺序,因此即使表格翻页后依然是从1开始的。
默认是多选模式,方式Control、Shift。 取消多选:EnableMultiSelect属性false即可!
如果在后台获取选中的行呢?
int[] selections = Grid1.SelectedRowIndexArray;
foreach (int rowIndex in selections)
{
sb.AppendFormat("行索引:{0} 用户名:{1}<br />", rowIndex, Grid1.DataKeys[rowIndex][]);
1.通过表格的SelectedRowIndexArray获得选中行的索引号列表;
2.通过表格的DataKeys(二维数组)获取本行的数据列表,这就需要事先设置表格的DataKeyNames属性(本例中是"Id,Name")。
2.行扩展列:
其实只是设置了 RenderAsRowExpander属性
然后。扩展列默认是折叠起来的。设置ExpandAllRowExpanders即可全部展开。
3.表格中模拟树(很常用):
1 <x:Grid ID="Grid1" Title="表格" ShowBorder="true" ShowHeader="true"
2 runat="server" EnableCheckBoxSelect="true" DataKeyNames="Id,Name" Width="800px">
3 <Columns>
4 <x:BoundField DataField="Name" DataSimulateTreeLevelField="TreeLevel" DataFormatString="{0}"
5 HeaderText="地区" ExpandUnusedSpace="True" />
6 <x:ImageField Width="60px" DataImageUrlField="Group" DataImageUrlFormatString="~/images/16/{0}.png"
7 HeaderText="分组">
8 </x:ImageField>
9 </Columns>
</x:Grid>
以下是后台代码:
1 DataTable table = new DataTable();
2 DataColumn column1 = new DataColumn("Id", typeof(int));
3 DataColumn column2 = new DataColumn("Name", typeof(String));
4 DataColumn column3 = new DataColumn("Group", typeof(String));
5 DataColumn column4 = new DataColumn("TreeLevel", typeof(int));
6 table.Columns.Add(column1);
7 table.Columns.Add(column2);
8 table.Columns.Add(column3);
9 table.Columns.Add(column4);
DataRow row = table.NewRow();
row[] = ;
row[] = "中国";
row[] = "";
row[] = ;
16 table.Rows.Add(row);
4.弹出窗口:
<ext:Window ID="Window1" Title="编辑" Popup="false" EnableIFrame="true" runat="server"
CloseAction="HidePostBack" EnableConfirmOnClose="true" IFrameUrl="about:blank"
EnableMaximize="true" EnableResize="true" OnClose="Window1_Close" Target="Top"
IsModal="True" Width="750px" Height="450px">
5 </ext:Window>
这是一个窗口
1 首先来看下使用模板列的ASPX标签定义:
3 <ext:TemplateField HeaderText="模板列" Width="60px">
4 <ItemTemplate>
5 <a href="javascript:<%# GetEditUrl(Eval("Id"), Eval("Name")) %>">编辑</a>
6 </ItemTemplate>
7 </ext:TemplateField>
8 再来看下GetEditUrl函数的定义:
9
protected string GetEditUrl(object id, object name)
{
return Window1.GetShowReference("grid_iframe_window.aspx?id=" + id, "编辑 - " + name);
}
还有一种简便的方式:
<ext:WindowField ColumnID="myWindowField" Width="60px" WindowID="Window1" HeaderText="窗口列"
Icon="Pencil" ToolTip="编辑" DataTextFormatString="{0}" DataIFrameUrlFields="Id"
DataIFrameUrlFormatString="grid_iframe_window.aspx?id={0}" DataWindowTitleField="Name" DataWindowTitleFormatString="编辑 - {0}" />
好了。表格的扩展列就介绍到这里为止。
FineUI第十七天---- 表格之扩展列的更多相关文章
- 一个动态扩展表格控件列和行的 jQuery 插件
一个动态扩展表格控件列和行的 jQuery 插件 不过这并不影响使用鸭! 看这里:https://github.com/zhuwansu/table-ext.js 一个简单的示范 html <t ...
- ExtJS4.2学习(13)基于表格的扩展插件---rowEditing
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-24/182.html --------------- ...
- jQuery遍历Table表格的行和列
遍历Table表格的行和列,在开发中比较常用的功能,特别是前端开发人员,不多说,直接上代码,下面代码只是弹出第一列字段,请各位自己根据需求修改和扩展! <!DOCTYPE html PUBLIC ...
- Flex中对表格中某列的值进行数字格式化并求百分比
1.问题背景 一般的,需要对表格中某列的数值进行格式化,对该数值乘以100,并保留两位小数,添加"%" 2.实现实例 <?xml version="1.0" ...
- Flex中单选按钮控制表格中的列的增加或减少
1.问题背景 单选按钮有"苹果"和"香蕉"两个,表格中的列有星期.苹果.香蕉和苹果比率,选择了"苹果"单选按钮,表格显示星期.苹果和苹果比率 ...
- Layui表格之多列合并展示
前言: 当我们在使用Layui的时候,有时表格中的列比较多,展示出来肯定是有问题的,这样就不得不舍弃一些列不展示,不展示是一种解决方案,但是更好的解决方案应该是合并展示. 这里的展示不是合并单元格,合 ...
- Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括 如何在Word中创建嵌套表格. 对已有表格添加行或者列 复制已有表格中的指定行或者列 对跨页的表格可设置是否禁止跨页断行 创建表 ...
- vue+element创建动态的form表单.以及动态生成表格的行和列
动态创建form表单,网上有插件 (form-create) 不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言. 最后我使用了笨方法,针对各个表单写好通用的组件,然后根据type用v ...
- iview 表格 某一列中设置radio
在iview 表格 某一列中设置radio,说白了还是要在render中添加,方法为: { title: '业务参数设置', // key: 'pyCode', align: 'center', re ...
随机推荐
- android service 本地 远程 总结
android编写Service入门 android SDK提供了Service,用于类似*nix守护进程或者windows的服务. Service有两种类型: 本地服务(Local Service) ...
- Android系统手机端抓包方法
抓包准备 1. Android手机需要先获得root权限.一种是否获得root权限的检验方法:安装并打开终端模拟器(可通过安卓市场等渠道获得).在终端模拟器界面输入su并回车,若报错则说明未root, ...
- javascript 代码可读性
可读性的大部分内容都是和代码缩进相关的,必须保证代码有良好的格式.可读性的另一方面就是注释,一般而言,有如下一些地方需要进行注释 1.1.1 函数和方法 每个函数或方法都应该包含一个注释,描述其目的和 ...
- 修改nginx的访问目录以及遇到的403错误修改总结
对于这个问题困扰了我好几天,前篇文章介绍了图片服务器的使用,但是两个服务器如何进行通话访问呢,即如何通过nginx来访问ftp服务器上的资源文件呢,这里面需要修改nginx的配置文件(vi /usr/ ...
- 【原】使用webpack打包的后,公共请求路径的配置问题
在我们公司,和后台接接口时,公共的请求路径我们是单独抽出来的,放在一个独立的public.js中,在public.js中存入那个公共变量 公共变量是这样 在其他地方使用ajax时,我们就这样使用 这种 ...
- MVC过滤器之 OnActionExcuted
Controller里 [SendMessage] public Action SendSmsMessage() { var resultExtendInfo=new ResultExtendInfo ...
- JQuery------prevAll(),nextAll(),attr()方法的使用
$(this).nextAll(".Rec").find("input").attr("checked", false); $(this). ...
- WSAStartup
WSAStartup,是Windows Sockets Asynchronous的启动命令.Windows下的网络编程接口软件 Winsock1 或 Winsock2 里面的一个命令. 外文名 WSA ...
- 使用Newtonsoft JsonConvert反序列化Json数据到DataTable
//JsonStr为Json字符串 JArray array = JsonConvert.DeserializeObject(JsonStr) as JArray;//反序列化为数组 ) { Stri ...
- ubuntu14.04安装了im-switch后系统设置中不见了语言支持
sudo apt-get install language-selector-gnome