首页 > Web开发 > 详细

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

时间:2014-03-01 04:04:41      阅读:603      评论:0      收藏:0      [点我收藏+]

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>里面

bubuko.com,布布扣
 <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>
bubuko.com,布布扣

如果在页面使用.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控件及其使用问题,布布扣,bubuko.com

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

原文:http://www.cnblogs.com/yudeyinji/p/3574098.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!