ext.net札记
IGod接口 2011-12-19 23:07 阅读:40 评论:0
IGod接口 2011-12-17 21:51 阅读:63 评论:0
IGod接口 2011-12-17 18:09 阅读:79 评论:1
IGod接口 2011-10-09 23:13 阅读:211 评论:0
IGod接口 2011-10-09 21:31 阅读:178 评论:0
IGod接口 2011-10-09 21:08 阅读:202 评论:0
IGod接口 2011-10-01 17:38 阅读:181 评论:0
IGod接口 2011-08-09 23:29 阅读:108 评论:0
IGod接口 2011-08-07 23:19 阅读:111 评论:1
IGod接口 2011-07-29 13:06 阅读:104 评论:0
IGod接口 2011-07-22 14:55 阅读:197 评论:0
IGod接口 2011-07-19 15:27 阅读:80 评论:0
IGod接口 2011-07-19 15:07 阅读:55 评论:0
Coolite：浅谈ShowMask的使用
三江小C 2010-09-16 20:18 阅读:287 评论:0
Coolite：浅谈Container布局
三江小C 2010-09-14 11:27 阅读:237 评论:0
Coolite：GridPanel按SHIFT、Ctrl多行跳行选择，获取所选行主键及RowIndex
三江小C 2010-09-14 10:32 阅读:447 评论:0
ext.js ，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.js ，ext.net
雪雁 2011-08-27 20:49 阅读:2929 评论:10
雪雁 2011-08-08 16:16 阅读:3278 评论:25
雪雁 2011-07-29 13:41 阅读:2636 评论:10
雪雁 2011-07-27 15:52 阅读:3457 评论:26
雪雁 2011-07-26 18:05 阅读:2531 评论:10
雪雁 2011-07-22 19:53 阅读:4725 评论:33
雪雁 2011-07-20 15:32 阅读:4461 评论:22
雪雁 2011-05-26 00:45 阅读:2083 评论:7
随笔分类 -Ext.Net
Ext.net常见问题收集[持续更新]
2011-07-23 14:22 by 龙宜坡, 1368 visits, 网摘, 收藏, 编辑
摘要：如何执行删除前确认?如何后台遍历GridPanel中的数据?GridPanel怎么实现服务器端分页、排序、查询?等等一系列问题。
阅读全文
Ext.net、Coolite
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
>
|
实践证明这样是不行的，使用RemoteValidtion控件必须直接放在FormPanel下面。放在TableLayou下面会报错：错误: 'this.indicatorEl' 为空或不是对象
不使用TableLayout，想两列展示，使用FieldLabel方式，在IE7下会错位，郁闷
-------------------------------------------------华丽的分割线---------------------------------------------------
今天想实现在服务器端添加按钮，在按钮的单击事件弹出窗口，本来想在服务器端这样写：
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
>
|