天下武功为快不破！

软件开发也是一个道理，开发越快，效率越高，企业越具有竞争力，

这里我们将讲FineUI框架，FineUI是基于ASP.NET+extjs 开发的框架,一般情况下，在小型公司许多后端开发人员在要面对前端头疼的JS,AJax，而FineUI框架内部封装 常用的JS,AJax代码，省去开发人员大量时间  有效节约开发成本，提升开发效率。

其他不多赘述，下面讲讲常用的标签

这里涉及表单，按钮

首先引入 页面管理器代码

//PageManager页面管理器  id：Mater   　　AutoSizePanelID：自动面板属性  填写控件Id    runat="server":提交到服务器

<f:PageManager ID="Mater" AutoSizePanelID="MasterMain" runat="server"></f:PageManager>

// RegionPanel :区域面板  页面展示的内容，控件都在这里面编辑   ID：MasterMain  此处ID的值填写到 PageManager（页面管理器）的AutoSizePanelID（自动面板属性）中

//ShowBorder:显示边框

<f:RegionPanel ID="MasterMain" runat="server" ShowBorder="false">

　　//添加内容

</f:RegionPanel >

//在RegionPanel 区域面板中添加   f:Region区域标签     Id:CenterGridMst  EnableCollapse:是否启用折叠功能，不启用      RegionPosition位置：居中

// RegionSplit:区域分割，启用            ShowHeader:显示标题
<f:Region ID="CenterGridMst" EnableCollapse="false" Title="测试单据" RegionPosition="center" RegionSplit="true" Layout="Fit" ShowHeader="true" runat="server" Collapsed="false">

//模块
<Items>

//f:GridEx ：表格扩展模块     EnableMultiSelect：是否启用多选,不启用   EnableRowDoubleClickEvent：启用双击事件  SortField：排序字段  EnableRowSelectEvent：启用单行选择事件   IsDatabasePaging ：开启数据库分页
<f:GridEx ID="GridMst" runat="server" ShowBorder="false" ShowHeader="false" AllowPaging="true" EnableMultiSelect="false" Title="Grid" PageSize="100"
EnableRowDoubleClickEvent="true" SortField="TEXT_ID" SortDirection="ASC" AllowSorting="true"
EnableRowSelectEvent="true" IsDatabasePaging="true" >

//行
<Columns>

//FineUI内部封装方法：显示数据
<f:RowNumberField></f:RowNumberField>
</Columns>
</f:GridEx>
</Items>

//工具栏
<Toolbars>

//工具控件      Position="Top"位置：置顶
<f:Toolbar ID="querys" runat="server" Position="Top">
<Items>

//按钮控件  OnClick点击事件  IconFont：图标

<f:Button ID="btnAdd" runat="server" Text="新增" OnClick="btnAdd_Click" IconFont="File">
</f:Button>
<f:ToolbarSeparator ID="Add" runat="server"> </f:ToolbarSeparator>
<f:Button ID="btnEdit" runat="server" Text="编辑" Hidden="false" OnClick="btnEdit_Click" IconFont="_Edit">
</f:Button>
<f:ToolbarSeparator ID="TS6" runat="server"></f:ToolbarSeparator>
<f:Button ID="btnDelete" runat="server" Text="BtnDelte" OnClick="btnDelete_Click" ConfirmText="确认删除嘛？" IconFont="Trash">
</f:Button>
</Items>
</f:Toolbar>
</Toolbars>
</f:Region>
</Regions>

完整代码片段

<%@ Page Language="C#"AutoEventWireup="true"CodeFile="TestDemo.aspx.cs"Inherits="BDM_TestDemo" %>
//使用C#语言写的页面
<!DOCTYPE html><htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server"><metahttp-equiv="Content-Type"content="text/html; charset=utf-8" /><title></title>
</head>
<body><formid="form1"runat="server">//使用页面管理器控件<f:PageManagerID="Mater"AutoSizePanelID="MasterMain"runat="server"></f:PageManager>//使用区域面板控件<f:RegionPanelID="MasterMain"runat="server"ShowBorder="false">//使用区域控件
<f:RegionID="CenterGridMst"EnableCollapse="false"Title="测试单据"RegionPosition="center"RegionSplit="true"Layout="Fit"ShowHeader="true"runat="server"Collapsed="false"><Items>//使用表单控件<f:GridExID="GridMst"runat="server"ShowBorder="false"ShowHeader="false"AllowPaging="true"EnableMultiSelect="false"Title="Grid"PageSize="100"EnableRowDoubleClickEvent="true"SortField="TEXT_ID"SortDirection="ASC"AllowSorting="true"EnableRowSelectEvent="true"IsDatabasePaging="true" ><Columns>//显示每一行数据<f:RowNumberField></f:RowNumberField></Columns></f:GridEx></Items><Toolbars>//工具栏控件（后台可以引用FineUI自己的类库文件，工具功能都分装好了）<f:ToolbarID="querys"runat="server"Position="Top"><Items> //按钮                               <f:ButtonID="btnAdd"runat="server"Text="新增"OnClick="btnAdd_Click"IconFont="File"></f:Button>//分割符<f:ToolbarSeparatorID="Add"runat="server"> </f:ToolbarSeparator><f:ButtonID="btnEdit"runat="server"Text="编辑"Hidden="false"OnClick="btnEdit_Click"IconFont="_Edit"></f:Button><f:ToolbarSeparatorID="TS6"runat="server"></f:ToolbarSeparator><f:ButtonID="btnDelete"runat="server"Text="BtnDelte"OnClick="btnDelete_Click"ConfirmText="确认删除嘛？"IconFont="Trash"></f:Button> </Items></f:Toolbar></Toolbars></f:Region></Regions></f:RegionPanel>//新增，编辑页面<f:WindowID="WindowEdit"Hidden="true"EnableIFrame="true"Target="Top"runat="server"CloseAction="Hide"IsModal="true"Width="700px"Height="550px"EnableResize="true"EnableMaximize="True"OnClose="WindowEdit_Close"EnableAjaxLoading="True"IconFont="Windows"></f:Window></form>
</body>
</html>

页面升级，在添加条件查询模块

<%@ Page Language="C#"AutoEventWireup="true"CodeFile="TestDemo.aspx.cs"Inherits="BDM_TestDemo" %><!DOCTYPE html><htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server"><metahttp-equiv="Content-Type"content="text/html; charset=utf-8" /><title></title>
</head>
<body><formid="form1"runat="server"><f:PageManagerID="Mater"AutoSizePanelID="MasterMain"runat="server"></f:PageManager><f:RegionPanelID="MasterMain"runat="server"ShowBorder="false"><Regions>
//********************************************************条件查询********************************************************************************
<f:RegionID="RT"runat="server"CssClass=""Position="Top"Title="查询条件"ShowHeader="true"Collapsed="false"Split="true"Layout="Fit"AutoScroll="true"EnableCollapse="True"> 

<Items> <f:FormID="F3"runat="server"ShowBorder="false"BodyPadding="5px"ShowHeader="false"Title="Form"LabelAlign="Left"LabelWidth="100px"> <Rows> <f:FormRowrunat="server"> 

<Items> <f:TextBoxID="txt_ID"runat="server"Label="订单编号"Text="TSUP_ID"></f:TextBox> <f:TextBoxID="txt_NAME"runat="server"Label="订单名称"Text="TSUP_NAME"></f:TextBox> <f:ButtonID="btnQuery"runat="server"Text="查询"OnClick="btnQuery_Click"IconFont="Search"> </f:Button> </Items> </f:FormRow> </Rows> </f:Form> </Items> </f:Region> //**************************************************************************************************************************************** 

<f:RegionID="CenterGridMst"EnableCollapse="false"Title="测试单据"RegionPosition="center"RegionSplit="true"Layout="Fit"ShowHeader="true"runat="server"Collapsed="false"> 

<Items> <f:GridExID="GridMst"runat="server"ShowBorder="false"ShowHeader="false"AllowPaging="true"EnableMultiSelect="false"Title="Grid"PageSize="100"EnableRowDoubleClickEvent="true"SortField="TEXT_ID"SortDirection="ASC"AllowSorting="true"EnableRowSelectEvent="true"IsDatabasePaging="true" > <Columns> <f:RowNumberField></f:RowNumberField> </Columns> </f:GridEx> </Items> <Toolbars> <f:ToolbarID="querys"runat="server"Position="Top"> <Items> <f:ButtonID="btnAdd"runat="server"Text="新增"OnClick="btnAdd_Click"IconFont="File"> </f:Button> <f:ToolbarSeparatorID="Add"runat="server"> </f:ToolbarSeparator> <f:ButtonID="btnEdit"runat="server"Text="编辑"Hidden="false"OnClick="btnEdit_Click"IconFont="_Edit"> </f:Button> <f:ToolbarSeparatorID="TS6"runat="server"></f:ToolbarSeparator> <f:ButtonID="btnDelete"runat="server"Text="BtnDelte"OnClick="btnDelete_Click"ConfirmText="确认删除嘛？"IconFont="Trash"> 

</f:Button> </Items> </f:Toolbar> </Toolbars> </f:Region> </Regions> </f:RegionPanel> <f:WindowID="WindowEdit"Hidden="true"EnableIFrame="true"Target="Top"runat="server"CloseAction="Hide"IsModal="true"Width="700px"Height="550px"EnableResize="true"EnableMaximize="True"OnClose="WindowEdit_Close"EnableAjaxLoading="True"IconFont="Windows"> </f:Window> </form> 

</body> 

</html>

转载于:https://www.cnblogs.com/x666066/p/10682643.html

FineUI速成 标签相关推荐

  1. Fineui中使用Lodop打印,制作标签套打范例，c#后台调用

    实现目标: 标签套打实现位置可调,可增加不同模板调用,利用数据库存放打印格式 涉及:C# .SQLSERVER 实现流程如下: 一.数据库创建存放打印模板的表格. /*标签主表*/ Create ta ...

  2. 前端速成-CSS | 04.li标签样式、标签的正常、悬停、触发状态样式

    1.<ul>下<li>的样式 <ul>下<li>的默认样式如下: 可以通过css,修改list-style属性来修改左边图案的样式 下面以修改全局的&l ...

  3. 「机器学习速成」数据预处理，特征工程，良好特征的特点

    https://www.toutiao.com/a6703863693408469516/ 大家好,今天我们学习[机器学习速成]之 数据预处理,特征工程,良好特征的特点 我们 马上学三点 , 特征工程 ...

  4. 【6年开源路】海王星给你好看！FineUI v4.0正式版暨《FineUI3to4一键升级工具》发布！...

    去年10-28号,我发布了一篇文章<海王星给你好看!FineUI v4.0公测版发布暨<你找BUG我送书>活动开始>,标志着FineUI开始向4.0版本迈进.经过4个月3个公测 ...

  5. FineUI小技巧（4）关闭窗体那些事

    前言 FineUI中的Window控件常用作选择.新增或编辑内容.而关闭Window控件却有很多技巧,了解这些技巧有助于项目的快速开发. 如何关闭Window控件 第一个问题就是如何关闭Window控 ...

  6. FineUI小技巧（5）向子窗口传值，向父窗口传值

    前言 FineUI中经常会用到启用IFrame的Window控件,这样有助于从物理上进行代码解耦和.IFrame的引入就会涉及传值问题,如何在父窗口和子窗口之间相互传值呢? 向子窗口传值 向子窗口传值 ...

  7. python编写程序-Python 编程速成(推荐)

    Python是一种非常流行的脚本语言,而且功能非常强大,几乎可以做任何事情,比如爬虫.网络工具.科学计算.树莓派.Web开发.游戏等各方面都可以派上用场.同时无论在哪种平台上,都可以用 Python ...

  8. 从0开始学习GitHub系列之「Git 速成」

    从0开始学习GitHub系列之「Git 速成」 糖果果| 2016-06-24 10:55    浏览量(32)    评论(0)   推荐(0) 数据 小编注:[从0开始学习 GitHub]是一个系 ...

  9. (原创分享，改进版)CSS样式表速成！

    大话CSS样式表速成 程序和美工一直是相辅相成的,一个好的Web项目需要不仅仅是程序的完美,同样一个好的用户使用页面,也可以 吸引一大部分用户.往往在传统的概念里,程序和美工总是被分开来说.一方面,这 ...

最新文章

  1. 张亚勤世界互联网大会谈AI：将变革传统行业，催生新业态
  2. 周立波贼经典的话11-20
  3. 目标检测中准确率accuracy的计算（precision是精度、查准率）（Recall是召回率、查全率）
  4. oracle rac ora 12560,rac ORA-12541: TNS:no listener问题 非常急！！
  5. c语言课设宿舍管理程序,C语言程序课程设计宿舍管理软件.doc
  6. Posix线程编程指南(4) 线程终止
  7. 苏宁易购上半年营收936.06亿元，零售云加盟店新开1381家
  8. 阴阳师服务器维护3月14,3月14日阴阳师体验服更新:三个限定新式神
  9. 我眼中的机器学习(二) 解方程 为什么需要用到机器学习算法
  10. 我糟糕的2019年：虽流年不利，但我心仍坚定
  11. exure9 秘钥_AxureRP9.0秘钥（持续更新）
  12. 全志F1C100S/F1C200S学习笔记（2）——TF/SD卡分区及系统构建烧录
  13. gitlab修改附件上传文件大小限制
  14. 学习Spring必学的Java基础知识(9)----HTTP报文（系列全）
  15. Android指纹识别ui显示,Android9.0指纹识别BiometricPrompt的简单使用
  16. ubuntu安装Mindmaster（思维导图）
  17. 排序算法详解（Java实现 + 动画演示）
  18. 2019牛客暑期多校maximum clique 1 求最大独立团点集
  19. [Unity实战]虚线的绘制
  20. 面试系列（四）：vivo 软件工程师

热门文章

  1. 在英特尔® 硬件上加快推理速度的几个步骤
  2. 一场特殊的高峰对谈圆桌，中西方大拿华山论剑
  3. 彩电行业步入3.0时代，创维领跑OLED普及新赛道
  4. SDU创新实训 9.创建各类文件数据汇总整理
  5. 《生物信息学：导论与方法》----新一代测序NGS：重测序的回帖和变异鉴定----听课笔记（八）
  6. STM32串口发送中断踩坑
  7. 制作大屏需要什么工具？
  8. 手机搜索11月份热搜排行
  9. java byte 遍历_java byte数组 相关知识点
  10. 华为HiAI 助力苏宁易购，让你尽享完美视觉购物体验！