区域列表控件
属性 |
属性说明 |
---|---|
BindMode |
获取和设置绑定模式。 |
BorderRadius |
控件边框角度 |
DataMember |
获取或设置数据源名称。 |
DataSource |
获取或设置表格数据源。 |
Direction |
容器主轴方向 |
Flex |
比例因子 |
FooterControlName |
页脚控件布局 |
HeaderControlName |
页眉控件布局 |
Horizontal |
是否水平滑动。 |
ItemAlign |
控件内元素在侧轴上的对齐方式。 |
JustifyAlign |
控件内元素在主轴上的对齐方式。 |
Overflow |
容器布局覆盖范围 Overflow为Hidden,子控件大小超出容器后,不可见 Overflow为Visible,子控件大小超出容器后,依然可见 |
PointerEvent |
控制当前组件是否可以作为触控事件的目标 |
RaisePositionChanged |
是否触发滚动时位置变化事件 |
RaiseReachEnd |
是否可触发上划底部事件 |
RaiseRefresh |
是否可触发下拉刷新事件。 |
SectionControlName |
区域控件布局 |
SectionMember |
区域数据源名称 |
SelfLayout |
控件自身布局。 |
ShowSplitLine |
是否显示单元格之间的分隔线。 |
SplitLineColor |
单元格之间的分隔线颜色。 |
TemplateControlName |
模板控件名称 |
事件 |
事件发生条件 |
---|---|
DataSourceUpdate |
在更新数据源时发生。 |
PositionChanged |
在位置变化时发生 |
ReachEnd |
在上滑至底部时发生 |
Refresh |
在用户下拉刷新时发生 |
RowBind |
在行绑定后发生。 |
RowBinding |
在行绑定时发生。 |
1. 新建SwebForm:SwebForm1,在窗体中加入SectionListView控件
2. 新建SwebUserControl项:SectLayout作为SectionControl模板页,并在SectionListView的SectionControlName中进行绑定
代码绑定使用:sectionListView1.SectionControl = new SectLayout();
SectLayout布局如下:
设置SectLayout中Label控件DisplayMember
3. 新建SwebUserControl项:ListuserControl作为TemplateControl模板页,并在SectionListView的TemplateControlName中进行绑定
代码绑定使用: sectionListView1.TemplateControl = new ListuserControl();
ListuserControl布局如下:
设置ListuserControl中Label控件DisplayMember
4.SectionListView的SectionMember设置“SectLab”
5. 在窗体的load事件中绑定数据
C#:
DataTable dt = new DataTable();
dt.Columns.Add("SectLab");
dt.Columns.Add("img");
dt.Columns.Add("title");
dt.Columns.Add("subtitle");
dt.Columns.Add("num");
dt.Columns.Add("date");
for (int i = 0; i < 10; i++)
{
dt.Rows.Add("Sect "+i,"user_image.png", "请教一下关于项目部署的问题", "最近尝试了贵公司的产品,用C#开发手机端应用的创意非常赞", i * 10 + 1, DateTime.Now.ToString("yyyy/MM/dd"));
}
sectionListView1.DataSource = dt;
sectionListView1.DataBind();