【转载】ext.net札记
Ext.Net中Grid控件内容显示过多，自动换行处理方式
直接在该页面重写grid的样式，这样整个页面的grid内容都会自动换行。
<style type="text/css">
.x-grid3-cell-inner
{
white-space: normal;
}
</style>
Ext.net Panel布局
Panel布局类在VS中的介绍
内容：
Panel布局类有10种：容器布局，自适应布局，折叠布局，卡片式布局，锚点布局，绝对位置布局，表单布局，列布局，表格布局，边框布局
1，Ext.layout.ContainerLayout 容器布局
提供容器作为布局的基础逻辑，通常会被扩展而不通过new 关键字直接创建，一般作为默认布局存在
2，Ext.layout.FitLayout 自适应布局
使用layout:'fit' 将使面板子元素自动充满容器，如果有多个子面板也只会第一个会被显示
3，Ext.layout.AccordionLayout 折叠布局 （很常有哦！！！）
扩展自适应布局，layout:'accordion' 它包含了多个子面板，任何时候都只有一个子面板处于打开状态，每个面板都有展开和收缩的功能
4 ，Ext.layout.CardLayout 卡片式布局 （也很有用的哦！！）
扩展自适应布局，layout:'card' 它包含了多个子面板，只有一个面板处于显示状态，它用来制作向导或标签页，使用setActiveItem来激火面板
5，Ext.layout.AnchorLayout 锚点布局
根据容器的大小为其所包含的子面板进行定位的布局 layout:'anchor' 分为：百分比，偏移，参考边 三种方式的定位
6，Ext.layout.AbsoluteLayout 绝对位置布局
根据面板中配置 x/y 坐标进行定位，layout:'absolute' 坐标值支持使用固定值和百分比两种形式
7，Ext.layout.FormLayout 表单布局
用来管理表单字段的显示，内制了表单布局，提供了表单提交，读取等表单功能，layout:'form'
8, Ext.layout.ColumnLayout 列布局
多列风格的布局格式，每一列的宽度都可以通过百分比和数值确定宽度，layout:'column'
9, Ext.layout.TableLayout 表格布局
可以指定列数，跨行，跨列，可以创建出复杂的表格布局 layout:'table'
10, Ext.layout.BorderLayout 边框布局
该布局包含多个面板，是一个面向应用的UI风格的布局，它包含5个部分：east,south,west,north,center,layout:'border' 通过region来配置面板
viewport的应用：作为浏览器窗口的整个显示部分，其有着panel的功能，但是一定要注意的是一个页面只有一个viewport
随笔分类 -Ext.Net
Ext.net常见问题收集[持续更新]
2011-07-23 14:22 by 龙宜坡, 1368 visits, 网摘, 收藏, 编辑使用Ext.Net资源文件使Vs2010 javascript IntelliSense支持extjs
2011-06-28 16:02 by 龙宜坡, 693 visits, 网摘, 收藏, 编辑Ext.net记录
ListView之行
<DirectEvents>
<Click OnEvent="lvUsers_Click">
<EventMask ShowMask="true" Msg="正在执行你的操作..." />
<ExtraParams>
<ext:Parameter Name="user_code"Value="#{lvUsers}.store.getAt(index).get('user_code')" Mode="Raw"></ext:Parameter>
</ExtraParams>
</Click>
</DirectEvents>
后台取：
protected void lvUsers_Click(object sender, DirectEventArgs e)
{
string user_code = e.ExtraParams["user_code"].ToString();
}
而GridPanel行的值为：#{gridpanel1}.store.getAt(rowIndex).get('user_code')
/*--------------------------------------------华丽的分隔线---------------------------------------------------*/
使用RemoteValidation
<ext:FormPanel ID="fp" runat="server" MonitorValid="true"> <Items> <ext:TableLayout ID="tbl" runat="server" Columns="1"> <Cells> <ext:Cell> <ext:TextField ID="txt" runat="server" IsRemoteValidation="true"> <RemoteValidation OnValidation="checkValidation" /> </ext:TextField> </ext:Cell> </Cells> </ext:TableLayout> </Items> </ext:FormPanel> |
-------------------------------------------------华丽的分割线---------------------------------------------------
今天想实现在服务器端添加按钮，在按钮的单击事件弹出窗口，本来想在服务器端这样写：
Ext.Net.Button btnAddPro = new Ext.Net.Button();
btnAddPro.Icon = Icon.Add;
btnAddPro.ToolTip = "添加评定内容";
btnAddPro.ID = "btn" + i.ToString();
btnAddPro.CommandArgument = dr["gradeproject_code"].ToString();
btnAddPro.DirectEvents.Click.Event += btnAddPro_Click;
居然报错，找不到btn2。。。
换种方法
btnAddPro.Attributes.Add("handler", "function(el,e){return AddContent('" + dr["gradeproject_code"].ToString() + "');}"); |
成功
--------------------------------------------华丽的分割线----------------------------------------------------
Combobox默认选中项：cb.setValue(value)
Label设置Text的方法：lbl.setText(value)
GridPanel之可编辑行：
<ColumnModel>
<Columns>
<ext:RowNumbererColumn />
<ext:Column Header="楼层" Width="55" DataIndex="floor_no"></ext:Column>
<ext:Column Header="区域" DataIndex="safearea_name" Width="180">
<Editor>
<ext:TextField ID="txtsafearea_name" runat="server" DataIndex="safearea_name" AllowBlank="false">
</ext:TextField>
</Editor>
</ext:Column>
<ext:Column Header="防火分区" DataIndex="protectedfirearea_size" Width="70">
<Editor>
<ext:NumberField ID="txtprotectedfirearea_size" runat="server" DataIndex="protectedfirearea_size" AllowBlank="false"></ext:NumberField>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
这样以后，双击行可编辑，如何默认就是可编辑 的呢？
<Plugins> <ext:EditableGrid runat="server"></ext:EditableGrid> </Plugins> |
邮箱：steven9801@163.com
QQ: 48039387
