FineUI 基于ExtJS的开源ASP.Net框架库--创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序

FineUI在线示例:http://www.fineui.com/demo/

特点:界面友好,专注业务开发,快速开发  如果用于商业开发需要授权,个人觉得挺好用的,特别是对于界面比较无助的,即是莫大的帮助

言归正传:

FineUI框架 查看Html生成代码?

先说说为什么有这个疑问?平常写的.aspx代码在浏览器上查看网页源码一般就能看到生成的Html代码,但是FineUI你看到的代码会是这样的。

Html生成的代码+ Ext注册脚本

1、在页面上使用 asp.net 的控件  需要包含在<x:ContentPane><asp:TextBox></asp:TextBox></x:ContentPanel>里面

 <x:ContentPanel ID="ContentPanel2" Title="" ShowBorder="false" EnableBackgroundColor="false"
EnableCollapse="true" ShowHeader="false" runat="server">
<div style="padding-left: 18px; padding-top: 3px; padding-bottom: 3px;">
计划开始时间:
<input id="Textbox_PlansBeginTime_Bills_Project" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH',maxDate:'#F{$dp.$D(\'Textbox_PlansEndTime_Bills_Project\')||\'2020-10-01\'}'})" runat="server"/>
</div>
</x:ContentPanel>
<x:ContentPanel ID="ContentPanel1" Title="" ShowBorder="false" EnableBackgroundColor="false"
EnableCollapse="true" ShowHeader="false" runat="server">
<div style="padding-left: 18px; padding-top: 3px; padding-bottom: 3px;">
计划结束时间:
<input id="Textbox_PlansEndTime_Bills_Project" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH',minDate:'#F{$dp.$D(\’Textbox_PlansBeginTime_Bills_Project\')}',maxDate:'2020-10-01'})" runat="server" />
</div>
</x:ContentPanel>

如果在页面使用.net控件调用脚本使用控件ID,就会发现脚本没有效果,调试了半天,发现控件生成的ID会变成一个新的名称,在页面上查看html源码,默认是生成 ContentPanel的ID_+控件的ID。

 <x:ContentPanel ID="ContentPanel2" Title="" ShowBorder="false" EnableBackgroundColor="false"        EnableCollapse="true" ShowHeader="false" runat="server">        <div style="padding-left: 18px; padding-top: 3px; padding-bottom: 3px;">            计划开始时间:             <input id="Textbox_PlansBeginTime_Bills_Project" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH',maxDate:'#F{$dp.$D(\'ContentPanel1_Textbox_PlansEndTime_Bills_Project\')||\'2020-10-01\'}'})"  runat="server"/>        </div>    </x:ContentPanel>    <x:ContentPanel ID="ContentPanel1" Title="" ShowBorder="false" EnableBackgroundColor="false"        EnableCollapse="true" ShowHeader="false" runat="server">        <div style="padding-left: 18px; padding-top: 3px; padding-bottom: 3px;">            计划结束时间:             <input id="Textbox_PlansEndTime_Bills_Project" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH',minDate:'#F{$dp.$D(\'ContentPanel2_Textbox_PlansBeginTime_Bills_Project\')}',maxDate:'2020-10-01'})" runat="server" />        </div>    </x:ContentPanel>

  最近发现还有一种解决方案:

input里面有个熟悉 clientidmode ,只要把这个属性设置成 clientidmode="Static",控件的ID就不会改变,这样写脚本就比较容易,不需要去关注控件ID的问题。

2、FileUpload控件和其他控件使用,FileUpload控件在页面上显示会出现异常,在论坛问了得出解决方案,贴出来

需要设置行的宽度 ColumnWidths

 <x:Form EnableBackgroundColor="false" BodyPadding="0px" ID="extForm_Sign" ShowHeader="false"
runat="server" Title="Sign" LabelAlign="Right" ShowBorder="false" AutoHeight="true">
<Rows>
<%-- 设置行的宽度 防止控件被遮住--%>
<x:FormRow ColumnWidths="500px 200px ">
<Items>
<x:FileUpload ID="FileUpload_Attachment" runat="server" AutoPostBack="true" OnFileSelected="FileUpload_Attachment_OnFileSelected"
EmptyText="请选择上传附件" ButtonText="上传" Label="上传附件">
</x:FileUpload>
<x:Button ID="btnDelete" runat="server" ConfirmText="确认要删除选中的项?" Text="删除附件" OnClick="btnDelete_Click">
</x:Button>
</Items>
</x:FormRow>

FineUI框架 使用asp.net控件及其使用问题的更多相关文章

  1. FineUI 基于 ExtJS 的专业 ASP.NET 控件库

    FineUI 基于 ExtJS 的专业 ASP.NET 控件库 http://www.fineui.com/

  2. asp.net控件的Hyperlink控件

    Asp.net控件: Hyperlink控件:Hyperlink控件又称为超链接控件,该控件在功能上跟Html的<a herf=””>控件相似,其显示的模式为超链接的形式. 注意: Hyp ...

  3. ASP.NET控件属性大全

    ASP.NET控件属性大全 DataGridView 控件DataGridView 控件提供用来显示数据的可自定义表.使用 DataGridView 类,可以自定义单元格.行.列和边框. 注意Data ...

  4. asp.net <asp:Content>控件

    <asp:Content ID="Content2" ContentPlaceHolderID="CPH_MainContent" runat=" ...

  5. ASP.NET控件<ASP:Button /> html控件<input type="button">区别联系

    ASP.NET控件<ASP:Button />-------html控件<input type="button">杨中科是这么说的:asp和input是一样 ...

  6. asp.net控件开发基础(1)(转)原文更多内容

    asp.net本身提供了很多控件,提供给我们这些比较懒惰的人使用,我认为控件的作用就在此,因为我们不想重复工作,所以要创建它,这个本身便是一个需求的关系,所以学习控件开发很有意思. wrox网站上有本 ...

  7. 把某个asp.net 控件 替换成 自定义的控件

    功能:可以把某个asp.net 控件 替换成 自定义的控件 pages 的 tagMapping 元素(ASP.NET 设置架构) 定义一个标记类型的集合,这些标记类型在编译时重新映射为其他标记类型. ...

  8. Asp.Netserver控件开发的Grid实现(三)列编辑器

    以下是GridColumnsEditor的实现代码: GridColumnsEditor.cs using System; using System.Collections.Generic; usin ...

  9. 为ASP.NET控件加入快捷菜单

    ContextMenu Control 快捷菜单控件概述: MSDN Liabrary 中包含了几个DHTML快捷菜单的示例.分别提供了对这一功能的不能实现方法.一个快捷菜单就是在页面中任何位置的一组 ...

随机推荐

  1. J2SE知识点摘记(十三)

    1.        字节流 InputStream(输入字节流)是一个定义了java流式字节流输入模式的抽象类.该类的所有方法在出错时都会引发一个IOExcepiton异常. Void close() ...

  2. Android系统Recovery工作原理之使用update.zip升级过程---updater-script脚本语法简介以及执行流程(转)

    目前update-script脚本格式是edify,其与amend有何区别,暂不讨论,我们只分析其中主要的语法,以及脚本的流程控制. 一.update-script脚本语法简介: 我们顺着所生成的脚本 ...

  3. S3C2440 之SPI

    概述: S3C2440有两个串行外设SPI接口,SPI具有全双工通信 SPI方框图 SPI操作: 通过使用SPI接口,S3C2440可以与外部器件同时发送.接收8位数据.当SPI接口为主机时,可以通过 ...

  4. golang 并发之协程及通道

    一.概述 在golang中,每个并发执行单元称为goroutine,当程序启动时,main函数在一个单独的goroutine中运行,(main goroutine).新的goroutine会用go语句 ...

  5. c#高级语言编程(第一部分)

    1.一步一步学c#(一):.NET体系结构 2.一步一步学c#(二):核心c# 3.一步一步学c#(三):对象和类型 4.一步一步学c#(四):继承 5.一步一步学c#(五):泛型 6.一步一步学c# ...

  6. SQL学习之SELECT子句顺序

    下面来总计下之前的随笔中所说过的所有的SELECT子句的顺序. 子句 说明 是否必须使用 SELECT                  要返回的列或者表达式                      ...

  7. VBA 简单调试

    在中断模式下(ctrl+Break键),可以做: 1.执行    工具----选项----编辑器----勾选“自动显示数据提示” 则当用鼠标悬停在变量或表达式上时,会出现提示窗口,显示其名称和值! 2 ...

  8. English - every和each的用法和区别

    两者都有“每个”的意思,但用法不同: (1)each具有名词和形容词的功能,every只有形容词的功能. (2)each指两个或两个以上的人或事物中的“每个”:every是指三个以上的人或事物的“全体 ...

  9. ubuntu10.04 安装NVIDIA GT 420M驱动

    安装ubuntu已经好几天了,由于显卡驱动没装,屏幕在600X800下的效果很难看,于是就想办法,查阅资料终于安装成功了,下面将我的安装方法记录下来以供大家参考. 借鉴:ubuntu12.04下安装N ...

  10. iOS RTMP 视频直播开发笔记(1) – 采集摄像头图像

    1. 采集硬件(摄像头)视频图像 这里简单说下 iOS 的摄像头采集. 首先初始化AVCaptureSession,说到Session,有没有人想到AVAudioSession呢? // 初始化 AV ...