欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-05 12:20:22
fineui 基于extjs的开源asp.net框架库--创建 no javascript,no css,no updatepanel,no viewstate,no webservices 的网站...

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>