标签： UI

ASP.NET UI控件(FineUI)官方中文版作为一款开源控件库，一直坚持“Release Early, Release Often”的版本发布策略，FineUI v4.0是自开源以来最大的一次升级，因为这次将 extjs 库从 v3.4 升级为 v4.2，大家都知道 extjs 的这两个版本不兼容，有很多很多需要修改的地方，FineUI的代码更新也在 50% 以上。
FineUI v3.2.6 主要增加了 “表格内编辑” 功能，不过此功能尚不完善，希望大家能够多测测，下个版本主要会增强表格内编辑功能。

FineUI是基于 ExtJS 的专业 ASP.NET 2.0 控件库。

FineUI的使命
创建 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的网站应用程序。
发布历史
v4.0.3
-修正表格动态创建列与模板列的冲突问题，增加示例grid/grid_excel_dynamic_columns.aspx（气人号-4586）。
-配置项ExtjsBasePath改名为JSBasePath，控件标签前缀由x改名为f，配置项删除不再使用的ResourceHandler。
-子窗口向父窗口传值错误（小兵、水+木-4591）。
-修正没有项目的下拉列回发时会触发SelectedIndexChanged事件的问题（purplebolt-4571）。
-修正在父页面弹出的窗体在显示时加载两次的问题（Gunu40-4725）。
-更新示例form/textbox_autopostback.aspx，增加示例grid/grid_summary2.aspx。
+表格增强。
-单元格编辑支持。
-更新之前的6个示例；
-新增示例grid/grid_editor_cell_databind.aspx，演示在后台绑定可编辑表格中的下拉列表。
+修正向表格末尾添加行时，不能默认选中第一个单元格的问题（奋斗~-4658）。
-更新示例grid/grid_editor_cell_new.aspx和grid/grid_editor_cell_new_delete.aspx。
+为PageManager增加CustomEvent事件。
-为PageManager增加ValidateForms、ValidateTarget、ValidateMessageBox属性。
-为PageManager增加重载方法GetCustomEventReference。
-为Window增加重载方法GetIFrameCustomEventReference方法。
-更新示例iframe/window2.aspx，在保存之前首先验证IFrame中的表单。
-增加示例other/confirm_cancel2.aspx，演示如何在后台响应确认对话框的确定和取消按钮事件。
+根据网友反馈，删除Form和SimpleForm的SubmitButton属性，恢复按钮的Type属性（Submit/Reset）。
-尽管新版ExtJS不支持按钮的Submit属性，我们还是手工实现，为了和正常的HTML表单兼容。
-更新示例basic/login.aspx和basic/login_captcha.aspx。
+2013-10-28 v4.0 beta1
+修正面板的Collapsed属性在客户端改变后状态同步问题。
-重现步骤：window/group_panel.aspx示例，折叠分组面板二，点击下面的按钮，不能展开分组面板二。
+修正树控件的SelectedNodeIDArray属性在客户端改变后状态同步问题。
-重现步骤：tree/checkbox/tree_checkall.aspx示例，选中驻马店，点击河南省，则驻马店没能保持选中状态。
-修正TimerPicker无法赋值的问题（隨風往事、凤凰涅盘ing）。
-修正表格列绑定的数据库字段值为空时出错的问题（欧志辉）。
-修正引入样式文件的标签笔误，应为type=text/css（是梦~`）。
-MsgTarget改名为MessageTarget，增加项None。
-FormOffsetRight的默认值由20px改为5px。
-为Web.config和PageManager增加FormLabelAlign配置项。
-ToolbarPosition增加Left/Right。
-删除Web.config中的配置项EnableBigFont。
-删除PanelBase的EnableBackgroundColor和EnableLargeHeader属性。
-删除Component的FormItemClass和ContainerClass属性。
-ExtJS的CheckboxGroup的setValue和getValue方法和之前不兼容，已更新相关示例form/checkboxlist.aspx。
-ExtJS_v4.2和之前版本对change事件的处理不同。
-FineUI_v4中的文本输入框或者日期选择器，AutoPostBack使得TextChanged事件立即触发（输入单个字符串和选择日期后）。
-FineUI_v3中的文本输入框或者日期选择器，AutoPostBack使得TextChanged事件在输入框失去焦点后触发。
-为了在FineUI_v4中实现之前的失去焦点后触发的事件，为文本输入框增加EnableBlurEvent属性和Blur事件。
+DropDownList更新。
-默认可以为空，方便使用Required属性做客户端验证，示例form/form.aspx。
-ForceSelection属性默认为false，更新示例dropdownlist/dropdownlist_forceselection.aspx。
-删除Resizable属性。
-优化XState的初始化代码，使得Reset按钮可用于下拉列表、富文本编辑器等控件，而不会清空这些控件的值。
-删除PanelBase的属性AutoHeight和AutoWidth。
+表格更新。
-生成的样式类"x-grid3"字符串全部更改为"x-grid"。
-删除表格属性VerticalScrollWidth、EnableColumnHide。
+表格列和之前不兼容（现在使用HBox布局，注意列的Width和BoxFlex属性）。
-可以为Column指定BoxFlex属性或者Width属性（之前ExpandUnusedSpace属性等价于BoxFlex=1）。
-删除表格属性MinColumnWidth、AutoExpandColumnMax、AutoExpandColumnMin。
-删除表格属性ForceFitFirstTime，属性ForceFitAllTime依然可用。
-增加列属性HeaderToolTip、HeaderToolTipType、BoxFlex、EnableColumnHide。
-增加列属性EnableHeaderMenu（默认为true），修改表格的EnableHeaderMenu默认值true。
-删除表格属性EnableRowNumber、EnableRowNumberPaging、RowNumberWidth，增加列RowNumberField（增加EnablePagingNumber属性）。
-LinkButtonField默认EnableHeaderMenu=false，EnableColumnHide=false。
-删除表格属性SortColumnIndex、SortColumn，请直接使用SortField属性（注意RowNumberField对属性SortColumnIndex的影响）。
-设置表格内图片的默认大小为16px*16px，用户可以手工设置样式来覆盖图片的默认大小。
-删除HiddenColumnIndexArray属性，增加HiddenColumns属性。
-更新可编辑表格实示例的客户端脚本，在执行onReady函数时表格的viewready事件已经执行完毕。
+分组表头和之前不兼容。
-删除类GridGroupColumn，删除表格的Columns属性，增加类GroupField。
+选项卡控件更新。
-为TabPosition类型增加Left、Right两个枚举类型。
-自动完成文本框示例更新（FineUI的TextBox控件被渲染为table而不是之前的input）。
+树控件更新。
-删除TreeNode的属性SingleClickExpand。
+增加事件参数类CheckedEventArgs，复选框、单选框以及菜单按钮的CheckedChanged事件会接收这个事件参数。
-更新示例default.aspx、toolbar/menucheckbox.aspx、form/radiobutton.aspx，处理单选框列表时需要的技巧。
+窗体控件更新。
-如果删除面板初始属性IFrameUrl="#"或者IFrameUrl="about:blank"，则面板中的IFrame会延迟加载。
-对于设置了IFrameName的面板，初始属性IFrameUrl需要保留，比如iframe/topmenu/default.aspx。
-删除Region的EnableSplitTip、CollapsibleSplitTip、SplitTip、CollapseMode、CMargins属性。
-删除AccordionPane的EnableHightlight属性。
-全部200多个示例更新。
v3.3.1107
-将工具YUICompressor替换为Microsoft Ajax Minifier（需要指定-evals:immediate）。
-完善FineUI的代码注释，创建FineUI参考手册离线版。
-修正Window控件无法在外层页面最大化的问题（小兵）。
-修正Window控件在Master-Content页中无法触发关闭事件的问题（小兵）。
-对X.util.initTreeTabStrip和X.util.addMainTab进行重构，可以指定切换/新增选项卡时是否刷新IFrame。
-更新other/addtab.aspx示例，在JavaScript中使用网站根路径。
-增加示例other/confirm_cancel.aspx，点击确认对话框的取消按钮也能回发页面（夏了，夏天）。
-修正AJAX异常时提示信息没有消失的问题。
-优化AJAX超时提示对话框（请求超时，请刷新页面并重试！）。
+性能优化。
-为官方示例增加压缩ViewState的方法，在页面基类PageBase中实现。
+为表格/树/下拉列表/单选框复选框列表/表单字段控件启用XState的Gzip压缩，减少AJAX时POST的数据量。
-会稍微增加下载数据量，从整体上提升用户体验。
-可以通过设置控件、PageManager或者Web.config的EnableXStateCompress属性来关闭XState压缩（默认启用）。
+表格性能优化
-优化CheckBoxField/HyperLinkField/LinkButtonField，减少生成的HTML代码片段大小。
-优化模板列存在时POST数据大小，优化内存分页时响应数据大小。
-优化CheckBoxField生产的CSS类名，将.box-grid-checkbox-unchecked-disabled更改为.unchecked.disabled。
-优化TextArea/HtmlEditor在页面第一次加载和AJAX回发时产生的数据大小，防止生成重复数据。
-更新导出Excel的示例grid/grid_excel.aspx，特别注意如何处理模板列（为了优化性能，不能直接获取模板列的内容了）。
+优化结果（A:grid/grid_rowcommand_paging.aspx,B:grid/grid_rowcommand_paging_database.aspx）：
-版本-----A首次响应----A下一页请求----A下一页响应---B首次响应----B下一页请求----B下一页响应---
-v3.3.0---56.4K--------61.7K----------7.8K----------18.0K--------14.4K----------10.7K---------
-v3.3.1---43.7K---------7.0K----------0.2K----------16.4K---------3.5K-----------8.6K---------
+表格增强。
+修正模板列示例中注册客户端事件的错误，重新绑定数据后客户端脚本失效。
-现在使用ExtJS的代理事件，只需要在页面第一次加载时注册事件即可。
-更新全部模板列示例grid\grid_edit.aspx、grid_edit_compare.aspx等，请仔细阅读源代码。
+修正SelectedRowIndexArray的一个BUG。
-在grid/grid_checkboxfield_rowcheckall.aspx中，点击第一个复选框选中行，然后再次点击第一个复选框不能取消行的选中状态。
+模板列重构（内部实现）。
-模板列的ClientID由原来的Grid1_r1c5调整为Grid1_ctl09，现在ID由系统自动生成。
-GridRow不再继承自WebControl，重新优化Grid内部的数据绑定逻辑（减少一个控件层次结构）。
-模板列控件GridRowControl实例直接添加到Grid.Controls中（之前添加为行控件的子控件）。
+可编辑单元格重构。
-更新所有示例，通过行索引找到行DataKeys，然后根据行关键字查找需要更新的数据。
-为表格增加DeleteSelected/GetDeleteSelectedReference方法，以便在客户端删除行。
-服务器端通过GetDeletedList方法获取客户端删除的行在原始数据中的索引列表。
-重构GetModifiedData的实现[[rowIndex(int),originalRowIndex(int),modifiedFields(Dictionary)]]。
-增加示例grid/grid_editor_cell_new_delete.aspx。
-为表格增加EnableAfterEditEvent属性和AfterEdit事件，用来处理单元格失去焦点事件。
-增加示例grid/grid_editor_cell_afteredit.aspx。
3.3.0
-更新示例form/form_center_button.aspx，支持IE7（Stone.yu）。
-修正动态添加列在页面回发时的错误（舞柯庶、落寞一声笑、路人甲）。
-改变浏览器大小可以自动调整窗体控件的大小（窗体控件最大化时）（grass_root、蓝色天空）。
-修正Chrome下多表头样式错位（风笑痴）。
+对允许自动回发事件的属性名字进行重构。
-在原来的名字后面添加Event，比如EnableRowClick改为EnableRowClickEvent。出于兼容性考虑，之前的属性依然有效。
-表格相关：EnableRowSelectEvent、EnableRowClickEvent、EnableRowDoubleClickEvent
-表单相关：EnableTimeSelectEvent(TimePicker)、EnableDateSelect（DatePicker、Calendar）
+更新aspnet/ueditor.aspx、aspnet/ueditor_two.aspx.
-修正IE9下编辑框无法获取焦点的问题，将UEditor的初始化代码放在onReady函数中（消失的键盘 ）。
-UEditor更新为1.2.6.0，FineUI与百度的UEditor将携手促进国内开源软件的发展。
-更新other/addtab.aspx示例，增加关闭当前TAB的实现。
-增加示例tabstrip/tabstrip_iframe_disabled.aspx，在IFrame内部启用外部TabStrip的标签（◆◇_提拉米苏℡）。
+窗体控件优化。
-将JS函数box_show/box_hide等改名为x_show/x_hide。出于兼容性考虑，之前的函数依然有效。
-减少窗体控件生成的JS代码量。
+遵守ExtJS对开源软件的限制，将ExtJS相关JavaScript、CSS以及图片资源从FineUI库中移除。
-增加Web.config中的配置项ExtjsBasePath，默认为~/extjs。
-FineUI.dll从原来的2.4M减少为600K。
-FineUI.Examples增加extjs_builder文件夹，用来生成FineUI所需的extjs目录。
+表格增强。
+合计行示例。
-增加客户端合计行示例grid/grid_summary.aspx（◇辉◆:）。
-增加服务器端合计行示例grid/grid_summary_serverside.aspx（◆◇提拉米苏℡）。
-增加合计行绝对定位到分页条上方的示例grid/grid_summary_absolute.aspx。
-修正Chrome下表格EnableTextSelection属性失效问题（D大调）。
+优化模板列示例grid/grid_edit_compare.aspx。
-增加自动换行的示例grid/grid_line_wrap.aspx（水中月 ）。
-增加CheckBoxSelectOnly属性，满足只能通过多选框选中行的需求，增加示例grid/grid_checkall_only.aspx（隨风.NET）。
-修正下次提交依然提交上次修改数据的问题。
+可编辑表格增强。
+修改GetModifiedDict函数的返回结果，这个和上个版本不兼容，需要特别注意。
-之前返回的结构是Dictionary<int, Dictionary>，现在返回的结构是Dictionary<int, Dictionary>。
-之前是通过RowIndex + ColumnIndex获得修改的值，现在通过RowIndex + ColumnID获得修改的值，更简单直观。
-如果同时启用EnableCheckBoxSelect和AllowCellEditing，则忽略EnableCheckBoxSelect属性。
-增加SelectedCell属性，用来获取AllowCellEditing模式下选中的单元格。
-增加示例grid/grid_editor_cell_delete.aspx。
-优化GetSelectCountReference方法使其在AllowCellEditing模式下也不出错，并改名为GetSelectedCountReference。
-增加方法GetSelectedCellReference，用来获取选中的单元格，仅在AllowCellEditing模式下有效。
-增加方法RejectChanges、GetRejectChangesReference、ClearSelections、GetClearSelectionsReference。
-增加示例grid/grid_editor_cell_renderfunction.aspx，在RendererFunction通过客户端脚本获得下拉列表的值（舞柯庶）。
-增加函数GetNewAddedList，返回新增数据行，增加示例grid/grid_editor_cell_new.aspx。
+综合示例。
-增加顶部菜单框架（一）综合示例iframe/topmenu/default.aspx（未来(sun)）。
-增加顶部菜单框架（二）综合示例iframe/topmenu2/default.aspx，左侧菜单也是放在单独的IFrame中，灵活度更高。
-增加顶部菜单框架（三）综合示例iframe/topmenu3/default.aspx，左侧是手风琴和树控件的组合。
+去AXD化并更新整个示例工程，所有对res.axd的引用都换成直接的网址，这也有效地减少了服务器部署的麻烦。
-出于兼容性考虑，之前对res.axd调用依然有效，比如res.axd?icon=World。

特别说明:
支持的浏览器
IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+