开发者社区> shihahayue> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

FineUI开源版(ASP.Net)初学手册

简介: 女朋友鄙视我原创少... 1.下载 进入官方论坛:http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http://fineui.com/bbs/forum.php?mod=viewthread&tid=2123 http://pan.baidu.com/s/1bntUOr1 源代码直接下载,注意FineUI版本 空项目里下载 对应版本的空项目,注意.NET版本,与VS版本相关。
+关注继续查看

女朋友鄙视我原创少...

1.下载

进入官方论坛:http://www.fineui.com/bbs/
要用到下载源代码和空项目下载

源代码直接下载,注意FineUI版本

空项目里下载 对应版本的空项目,注意.NET版本,与VS版本相关。_V后是FineUI的版本号。
最新的在网盘里

注意看.net版本,

解压,现在得到两个文件

第二个是源码,第一个是空项目。把空项目里的extjs包复制到源码 FineUI_v4.2.0_source_all/FineUI.Examples 目录里,

 

这时源代码就可以生成运行了。
注意FineUI开发环境,比如,我电脑上是VS2010,打不开现在的最新项目4.2.+,其实就是解决方案打不开,会出现双击没反应情况。我用VS2010先建个空解决方案,再把项目加进去就可以了。
最新的有个test直接扔,不知道干啥的,
有些Vs2010 会出现 找不到 控件的问题,
 解决办法就是 创建个工具箱 把DLL添加到工具箱里面 然后随便拖一个控件到窗体上 再把控件删掉 @北京-砖家
或者升级vs补丁 @沈阳-Sunday
2.学习FineUI
解决方案包含两个项目 FineUI FineUI.Examples ,FineUI 项目生成FineUI为FineUI后台源码,生成对应的FineUI.dll, FineUI.Examples为例子程序,对应官方在线示例http://fineui.com/demo/
default.aspx为启动页,是个母版页式的页面,其他页面以页签形式展现,页面打开后上边是logo,左边是目录树,右边是显示区域。
生成项目成功后初学者应当对照项目查看官方教程http://www.fineui.com/doc/,对整个教程查看之后(最少看完前四章)对FineUI开发有个初步了解。
项目运行后可以点击 源代码 查看当前页面源代码 方便学习。地址栏会给出当前页面的地址http://fineui.com/demo/#/demo/grid/grid_groupheader.aspxFineUI.Examples 目录下grid/grid_groupheader.aspx文件,VS中搜索grid_groupheader.aspx.cs即可。

注意打开解决方案跟踪活动项。

所有方法属性(不包括js)都可以在官方API查找 http://www.fineui.com/api/ ,提供理解属性的意义。

加入QQ群 158028499  方便解答各种问题,里面的保姆很专业,而且群共享里还有好多资源。
3.源代码分析
注意查看Web.config学习dll的引用。
AssemblyInfo.cs配置版本和页面信息。

CommonResourceHelper.RegisterCommonResource可配置页面加载引用的js,js目录在FineUI.Examples\extjs 可以自己添加必备的js。

其中string metaContent 参数配置网页信息。
ResourceManager提示为找到extjs错误的信息。
 

所有配置页面都继承自PageBase
其中绘制页面时通过Cookie判断页面样式。表格的创建(即模拟数据)及其他页面需要的方法。
控件的所有方法都可以找到对应源码(F12)供学习参考。

extjs为整个FineUI开源版基础,FineUI优化成了两个js文件,,其中ext-part2.js未压缩,可以参考学习一些基础用法。ext-part1可以搜索解压软件解压查看,也可参考extjs源码下的ext-4.2.1-gpl\ext-4.2.1.883\ext-all-debug.js文件。
FineUI是开源的,直接用的程序员不是好厨子。

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ASP.NET-FineUI开发实践-17
我又不用FineUI开发,所以FineUI项目经验等于0,最近在忙别的,所以也没工夫研究。积累了论坛和群里的问题,写下来留个备份 1.在grid可编辑单元格中,如果需要在点击该单元格时,单元格中所有文字内容全部选中的功能如何实现 引用地址 http://fineui.
991 0
ASP.NET-FineUI开发实践-16(二)
实现那还差点,在事件参数里我传了一个boolall选中状态参数,这个参数由前台给的,RowSelect 传的是index 行号,就是改这,通过$符号来分开的, if (commandArgs.Length == 2) { OnRowAllSelect(new GridRowAllSelectEventArgs(bool.Parse(commandArgs[1].ToString()))); }    就是这个段代码干的事。
862 0
ASP.NET-FineUI开发实践-16(一)
还是基础的东西,grid全选没有事件,给加个事件,除了需要会复制粘贴外还要点推荐那!   第一步:原理  事件被触发,方法被实现。 对于全选事件,被触发有两种方式可写,一个是通过原生extjs方式触发,extjs就没有全选的事件,正常思路就是选择的行等于全部的行就触发了,这个方法听起来就恶心,所以还是放弃了;简单点写就是第二种方法直接通过点击触发,点了全选就触发全选事件了。
715 0
ASP.NET-FineUI开发实践-15
1.按条件控制Grid不可编辑     Grid编辑其实用到的不多...但是也有要控制权限或者其他条件不能编辑的情况其实挺简单,学过extjs的知道,我现在也只是写前台了,没有写到后台事件,有时间再说吧,如果条件是服务器判断可以参考官网的给行和列加样式的例子,轻轻点我就转到了 我这么好心就吧源码贴出来吧   1 F.
711 0
ASP.NET-FineUI开发实践-14
以前写过一个表格自动补全,改下,就出现了部分级联修改。测试版本4.1.1 共享下JS,ext-part2.js       后台再来个得到数据的方法就可以了。   1.方法还是删除+插入,主要在  if (record.
841 0
ASP.NET-FineUI开发实践-12
1.网上找到了行合并的示例,extjs写的,我把它挪过来改了下,FineUI也能用,就是只能放着看,选择和编辑行扩展列没有测试,放出来大家看着用吧。 F.ready(function () { //方法span 参数(grid实例,行号,列...
692 0
ASP.NET-FineUI开发实践-9
用了FineUI有一段时间了,还是分享下我咋改的吧,没想的那么难,我也是从小白来的。 基础是要懂JQ和EXTJS,主要是要懂JQ和EXTJS能干啥,这里有两个网站 http://www.w3school.
781 0
ASP.NET-FineUI开发实践-8(二)
把上回的做一些改进 1.点击grid2的行改变TriggerBox1的值 var v = $(item).find('.x-grid-cell-Name div.
693 0
ASP.NET-FineUI开发实践-8
上回模拟的是下拉grid,这回我把下拉grid和表格自动补全放一起了,实在是好做,但是也有很多要注意的,现在分享下,大家学习。 接上回 传送门  1. 有个tbxMyBox1_TriggerClick方法直接重写了,目的是显示下拉的列表,直接上代码注意看注释,grid ID是grid2 ...
592 0
ASP.NET-FineUI开发实践-7
下拉显示grid列表。其实很简单,但是试了很多方法,水平有限,主要是都不好使,还是简单的好使了,分享下。 先是看了看网上的,是直接写个了extjs控件类(我也不懂),然后直接用就行了,要写成FineUI的我还没那个水平,就放弃了。
792 0
+关注
shihahayue
非正常前端|.net|java开发人员,最近再学产品
50
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载