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

fineui 基于extjs的开源asp.net框架库--创建 no javascript，no css，no updatepanel，no viewstate，no webservices 的网站应用程序

 

 

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

 

言归正传：

 

fineui框架 查看html生成代码？

 

先说说为什么有这个疑问？平常写的.x代码在上查看网页一般就能看到生成的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">

        <p 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"/>

        </p>

    </x:contentpanel>

    <x:contentpanel id="contentpanel1" title="" showborder="false" enablebackgroundcolor="false"

        enablecollapse="true" showheader="false" runat="server">

        <p 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" />

        </p>

    </x:contentpanel>

复制代码

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

 

 <x:contentpanel id="contentpanel2" title="" showborder="false" enablebackgroundcolor="false"

        enablecollapse="true" showheader="false" runat="server">

        <p 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"/>

        </p>

    </x:contentpanel>

    <x:contentpanel id="contentpanel1" title="" showborder="false" enablebackgroundcolor="false"

        enablecollapse="true" showheader="false" runat="server">

        <p 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" />

        </p>

    </x:contentpanel>