FineUI框架使用asp.net控件及其使用问题

浏览数：52 / 时间：2015年06月09日

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注册脚本

在页面上使用 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;">
            计划开始时间：&nbsp;
            <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;">
            计划结束时间：&nbsp;
            <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>

FineUI框架使用asp.net控件及其使用问题,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

FineUI框架使用asp.net控件及其使用问题