ASP.NET-FineUI开发实践-2
FineUI好处之一在于No JS,这里的No JS并不是不使用JS,JS对于ASP.Net是必不可少的,只是FineUI把大部分JS封装,如果想用,后台提供了很多方法返回JS,Get...Reference都是返回JS代码用的,不仅在一些简单的页面前台变的很干净,而且大大减少了开发周期。我也学习了这个优点,集合FineUI打包了很多跟项目有关的通用JS,比如弹出选择人员窗口,选择部门窗口,弹出页面的功能后台点击事件可以解决,但我绑定了OnClientClick 事件要比触发后台的OnClick事件快了很多,关闭了按钮的EnablePostBack属性就是执行前台JS不用回发,感觉很受用。
分享几个提取出来的JS以结合程序逻辑方便使用
1.Window控件显示
01.F('windowID').f_show(strURL, '选择部门', 900, 500);
发送URL,title,大小。这里要注意控件的ClientIDMode="Static"属性,要不前台获取不到
2.显示隐藏控件
EXTJS我也没学过,找了好久才找到,这个代码实现了前台隐藏一个模块,我把查询放里面了,因为RegionPanel缩回去又弹出一块来,不能说不好看但占的地大了,查询条件多又没地放,查完了手动隐藏,后台回发的方法也能实现但是有点慢,.hidden是获取显示状态 setVisible设置。
01.<f:RegionPanel ID="RegionPanel1" runat="server" ShowBorder="false">
02. <Regions>
03. <f:Region ClientIDMode="Static" runat="server" ShowBorder="true" ID="Region1" Position="Top"
04. ShowHeader="false" Title="查询" Hidden="true" Split="true" EnableCollapse="false"
05. HideMode="Visibility">
06. <Items>
07. <f:Form runat="server" LabelAlign="Right" ShowBorder="false" ShowHeader="false" ID="Form2"
08. Collapsed="False" BoxConfigAlign="Center">
09. <Rows>
10. <f:FormRow runat="server" ColumnWidths="50% 50%">
11. <Items>
12. <f:TriggerBox TriggerIcon="Search" ClientIDMode="Static" ID="txtUseDeptName" runat="server"
13. Label="部门" BoxMargin="10" EnableEdit="false" EmptyText="请选择部门" >
14. </f:TriggerBox>
15. <f:DropDownList runat="server" ClientIDMode="Static" ID="ddlPos" Label="职位">
16. </f:DropDownList>
17. </Items>
18. </f:FormRow>
19. <f:FormRow ID="FormRow1" runat="server" ColumnWidths="50% 50%">
20. <Items>
21. <f:TextBox Label="登录名" ClientIDMode="Static" ID="txtLgName" runat="server">
22. </f:TextBox>
23. <f:TextBox Label="用户名" ClientIDMode="Static" ID="txtUserName" runat="server">
24. </f:TextBox>
25. </Items>
26. </f:FormRow>
27. </Rows>
28. <Toolbars>
29. <f:Toolbar runat="server">
30. <Items>
31. <f:Button Text="查询" Icon="Magnifier" OnClick="btnQuery_Click" runat="server" ID="btnQuery">
32. </f:Button>
33. <f:Button EnablePostBack="false" Text="取消查询" Icon="Cross" OnClientClick="ShowSearch()"
34. runat="server" ID="Button3">
35. </f:Button>
36. <f:Button EnablePostBack="false" Text="重置" ToolTip="重置查询条件" Icon="Reload" OnClientClick="ClearSearch()"
37. runat="server" ID="Button2">
38. </f:Button>
39. </Items>
40. </f:Toolbar>
41. </Toolbars>
42. </f:Form>
43. </Items>
44. </f:Region>
获取grid得到焦点,是选择行的样式,后台查询行号通过FineUI.PageContext.RegisterStartupScript()输出到前台获取焦点,后台没找到获取焦点的方法才写的,没必要重载grid数据时候用到。
Region 隐藏头部 head:F('<%= leftRegion.ClientID%>').collapseMode = 'mini';
4.直接通过行号修改指定列内容
.function EditRowbyindex(index,value) {
. var grid = F('Grid1');
. grid.getView().focusRow(index);
. var row = grid.getView().getNode(index);
. $(row).find('.x-grid-cell-ColumnsID div.x-grid-cell-inner').text(value);
列 ClientIDMode="Static" 还是重载grid很慢(硬伤),触发前台更改,反正也保存完了。这里要注意引用js/jquery-1.10.2.min.js文件,find就是find的class 可以连续点好几个一层一层的找,按F12一下就找到了,.text就是里面显示的信息
grid绑定就是把数据序列化后输出到前台通过前台EXTJS渲染和显示,大数据量时明显谷歌比IE快,因为谷歌处理JS就是快,官方建议100条就使用数据库分页,我又没写存储过程所以也一直使用仿数据库分页,就是把数据放缓存里,这也是跟官网例子学的。模拟的数据库分页比一次性加载快了很多,但也遇到很多问题,有时间再整理出来。
5.获取iframe
项目里iframe必不可少,因为我的全是页面级使用FineUI,以前项目里树控件是Ztree的,本来就做成单独页面可以用iframe调用,所以想直接执行ztree页面里js就行了。
01.function GetiframeWindow(ifrmname) {
02. var ifrm1 = Ext.getCmp(ifrmname); //得到对象
03. var iframe = Ext.DomQuery.selectNode('iframe', ifrm1.body.dom); //得到iframe对象
04. var c = iframe.contentWindow; //转为Window对象
05. return c;
06. }
调用js直接c.refreshTree就可以了。还可以直接写__doPostBack触发子页面的后台事件,爽急了。
修改地址是这个
.function openifr(url) {
. var ifrm1 = Ext.getCmp('Region2'); //得到对象
. var iframe = Ext.DomQuery.selectNode('iframe', ifrm1.body.dom); //得到iframe对象
. iframe.src = url;
. }
因为FineUI是开源的,所以弄出好玩的东西我都会记录下来,可能我找到的方法不是最好的,所以请各路大神多指点。
ASP.NET-FineUI开发实践-2的更多相关文章
- FineUI开源版(ASP.Net)开发实践-目录
点我订阅 目前所有博客的截图,方便离线观看,点图片 FineUI初学手册 下载,实例项目搭建 FineUI初学手册-部分JS整理 部分JS整理 ASP.NET-FineUI开发实践-1 实际开发环境是 ...
- FineUI开发实践-目录
点我订阅 目前所有博客的截图,方便离线观看,点图片 FineUI初学手册 下载,实例项目搭建 FineUI初学手册-部分JS整理 部分JS整理 ASP.NET-FineUI开发实践-1 实际开发环境是 ...
- FineUI开发实践
ASP.NET-FineUI开发实践-7 摘要: 下拉显示grid列表.其实很简单,但是试了很多方法,水平有限,主要是都不好使,还是简单的好使了,分享下.先是看了看网上的,是直接写个了extjs控件类 ...
- ASP.NET-FineUI开发实践-9(四)
现在是这么个问题,在开发中表格是动态出来的,就是标准板是全部字段列出,客户要根据情况列出自己想要的,在增加操作页面的同时要是能用前台自带的功能直接保存到后台就好了,现在的列显示和隐藏是不回发的. 1. ...
- ASP.NET MVC5 网站开发实践(二) Member区域–管理列表、回复及删除
本来想接着上次把这篇写完的,没想到后来工作的一些事落下了,放假了赶紧补上. 目录: ASP.NET MVC5 网站开发实践 - 概述 ASP.NET MVC5 网站开发实践(一) - 项目框架 ASP ...
- ASP.NET MVC5 网站开发实践(二) Member区域–我的咨询列表及添加咨询
上次把咨询的架构搭好了,现在分两次来完成咨询:1.用户部分,2管理部分.这次实现用户部分,包含两个功能,查看我的咨询和进行咨询. 目录: ASP.NET MVC5 网站开发实践 - 概述 ASP.NE ...
- ASP.NET MVC5 网站开发实践(二) Member区域 - 咨询管理的架构
咨询.留言.投诉等功能是网站应具备的基本功能,可以加强管理员与用户的交流,在上次完成文章部分后,这次开始做Member区域的咨询功能(留言.投诉都是咨询).咨询跟文章非常相似,而且内容更少.更简单. ...
- ASP.NET MVC5 网站开发实践(二) Member区域 - 修改及删除文章
上次做了显示文章列表,再实现修改和删除文章这部分内容就结束了,这次内容比较简单,由于做过了添加文章,修改文章非常类似,就是多了一个TryUpdateModel部分更新模型数据. 目录: ASP.N ...
- ASP.NET MVC5 网站开发实践(二) Member区域 - 全部文章列表
显示文章列表分两块,管理员可以显示全部文章列表,一般用户只显示自己的文章列表.文章列表的显示采用easyui-datagrid.后台需要与之对应的action返回json类型数据 目录 ASP.N ...
- ASP.NET MVC5 网站开发实践(二) Member区域 - 添加文章
上次把架构做好了,这次做添加文章.添加文章涉及附件的上传管理及富文本编辑器的使用,早添加文章时一并实现. 要点: 富文本编辑器采用KindEditor.功能很强大,国人开发,LGPL开源,自己人的好东 ...
随机推荐
- Thinkphp发布文章获取第一张图片为缩略图实现方法
正则匹配图片地址获取第一张图片地址 此为函数 在模块或是全局Common文件夹中的function.php中 /** * [getPic description] * 获取文本中首张图片地址 * @p ...
- Redis系列(1)之安装
Redis系列(1)之安装 由于项目的需要,最近需要研究下Redis.Redis是个很轻量级的NoSql内存数据库,它有多轻量级的呢,用C写的,源码只有3万行,空的数据库只占1M内存.它的功能很丰富, ...
- 【Maven实战】依赖的聚合和版本管理
1.在之前的文章中,我们已经建立了四个Maven项目,但是此时如果我们要对这四个项目进行编译打包时,必须一个一个的进行执行命令,而聚合就是指只要我们在其中一个项目中编写一些代码,则在进行此项目的编译和 ...
- JavaScript Structure
Element, Data, Event, Logic Data:----------- 1. method 1 var obj = { name : "thinkpad", ag ...
- poj 2406Power Strings
http://poj.org/problem?id=2406 #include<cstdio> #include<cstring> #include<algorithm& ...
- 无聊时,可以去HASKELL里找点感觉
可以和C,JAVA,PYTHON作任意的比较,感觉越来越晰一些计算机语言里深层的东东... doubleMe x = x + x doubleUs x y = x * + y * doubleSmal ...
- GFF 和 OGS 这两种触摸屏谁更好?
我将从成本分析.制程分析.用户体验三个方面来回答楼主的问题.GFF的触摸屏从字面上翻译过来,就是一层玻璃cover,两层film构成的触摸屏.其中,玻璃cover作为整个手机的coverlens,从外 ...
- 龙杰ACR122S NFC读卡器
龙杰智能卡有限公司(ACS,龙杰智能卡控股有限公司之全资附属公司,香港联交所上市编号:8210)创立于1995年,是亚太地区第一大.全球三大智能卡读写器供应商之一.ACS被<福布斯亚洲>杂 ...
- poj 2246 (zoj 1094)
http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=1094 ZOJ Problem Set - 1094 Matrix Chai ...
- javascript 关闭窗口,弹出新窗口并带有确认关闭对话框解决办法
在很多人眼里,北京是一个物欲横流的社会,生活节奏之快,让你一丝都不能停下来,走在路上伴随着人群急速往前涌,或许有些人都不知道要去哪.也不知道自己想要的是什么?在一个浮躁的社会里,多了一些浮躁的人,到处 ...