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;">
计划开始时间:
<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;">
计划结束时间:
<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>