前言

从系统改版到现在,将近半年的时间,原本陌生的Ext.NET的UI框架,也慢慢的熟悉了。总的来说,这个UI框架还是很优秀的,但是也没有100%完美的产品(老系统使用easy ui其实也挺好的)。趁着这段时间不忙,来总结下(主要是一些奇怪的问题和一些控件的用法),也欢迎大家的补充及指正。

为什么使用Ext.NET

当初决定改版用EXT.NET,主要是因为兼容浏览器,以及是开发效率高。当然了,有些浏览器的兼容性并不是十分完美,例如ie7。更多优点请参阅@雪雁--http://www.cnblogs.com/codelove/archive/2011/07/22/2114317.html

开门见山

http://examples.ext.net/ ext.net官网,提供一些简单的demo,这是主要资料的的来源,不过基本呢上能应付开发了。

NumberField

数字框,初始化时的值必须为数字,如果有异常,初始化的值不值数值类型。当点击ext:Button 的Click事件时,无法监听到Button 的Click事件。很郁闷吧。

动态添加带控件的数据集的GridPanel

html代码

     <ext:GridPanel ID="GridPanelGrade" AutoScroll="true" trackmouseover="true" AutoDestroy="true" Title="修改"
Layout="VBoxLayout" runat="server" Width="960" AutoDoLayout="true" ColumnLines="true"
Border="false" striperows="true" Cls="page">
<CustomConfig>
<ext:ConfigItem Name="AutoHeight" Value="true" Mode="Value">
</ext:ConfigItem>
<ext:ConfigItem Name="ForceFit" Value="true" Mode="Value">
</ext:ConfigItem>
<ext:ConfigItem Name="autoScroll" Value="true" Mode="Value">
</ext:ConfigItem>
<ext:ConfigItem Name="autoWidth" Value="false" Mode="Value">
</ext:ConfigItem>
</CustomConfig>
<Store>
<ext:Store ID="StoreGrade" runat="server">
<Model>
<ext:Model ID="StoreGrade_Mode" runat="server">
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
</Columns>
</ColumnModel>
</ext:GridPanel>

后台代码:

        void Innit_DATA()
{
//数据集
List<List<string>> results = new List<List<string>>();
for (int i = ; i < list_Idx.Count; i++)
{
List<string> ss = new List<string>();
string ssr = Addstep(list_Idx[i].level);
ss.Add(ssr + list_Idx[i].name);
results.Add(ss);
}
List<ColumnBase> extColumnBase = new List<ColumnBase>();
Model _ExtModel = new Model(); #region MyRegion //构建列头
extColumnBase.Add(new Column
{
ID = "TARGETNAME",
Text = "指标名称",
DataIndex = "TARGETNAME",
Sortable = false,
MenuDisabled = true,
Width = ,
Flex =
}); _ExtModel.Fields.Add(new ModelField("TARGETNAME"));
if (dtsource.Rows.Count > )
{
for (int i = ; i < dtsource.Rows.Count; i++)
{
string ids = "A" + tableName + i;
//extColumnBase.Add(new Column
//{
// ID = ids,
// Text = GetReptorNmae(dtsource.Rows[i][1].ToString()),
// DataIndex = ids,
// Sortable = false,
// MenuDisabled = true,
// Flex = 1
//});
ComponentColumn columm = null;
columm = new ComponentColumn();
columm.ID = ids;
columm.DataIndex = ids;
columm.Text = GetReptorNmae(dtsource.Rows[i][].ToString());
columm.Flex = ;
columm.Editor = true;
TextField textField = new TextField();
columm.Component.Add(textField);
extColumnBase.Add(columm); _ExtModel.Fields.Add(new ModelField(ids));
}
}
//清除旧数据与记录集
this.StoreGrade.Reader.Clear();
this.GridPanelGrade.SelectionModel.Clear();
this.GridPanelGrade.ColumnModel.Columns.Clear();
this.StoreGrade.Model.Clear(); this.StoreGrade.Model.Add(_ExtModel);
this.GridPanelGrade.ColumnModel.Columns.AddRange(extColumnBase);
this.StoreGrade.DataSource = results;
this.StoreGrade.DataBind();
this.GridPanelGrade.Render();
}

效果图:

EXT.NET 使用总结(1)-LMLPHP

05-07 15:57
查看更多