DataList用法总结

页眉<HeaderTemplate>
</HeaderTemplate>
页脚<FooterTemplate>
</FooterTemplate>
数据记录<ItemTemplate>
</ItemTemplate>
<AlternatingItemTemplate> 交替显示项
</AlternatingItemTemplate>
<SelectedItemTemplate>选中时的显示方式
</SelectedItemTemplate>
<EditItemTemplate> 编辑时的显示方式
</EditItemTemplate>
<SeparatorTemplate> 数据记录分隔符
</SeparatorTemplate>
编辑模版,里面可以嵌入控件,绑定数据。
<ItemTemplate>
<table>
<tr>
<td><%# DataBinder.Eval(Container.DataItem, "持股名称") %></td>
<td><%# DataBinder.Eval(Container.DataItem, "市值", "{0:n}") %></td>
<td><%# DataBinder.Eval(Container.DataItem, "净值", "{0:n}") %></td>
</tr>
</table>
</ItemTemplate>
设置外观
RepeatLayout 属性设置显示方式
RepeatDirection 显示方向
RepeatColumns 列数
事件

加入模版列的按钮会将其click事件反升到 ItemCommand 事件,也可设置 CommandName
来响应不同的事件,如设为:edit,即引发EditCommand()等。
注:若设为:select 则会引发SelectedIndexChanged 和ItemCommand事件
SelectedItemTemplate模版; 添加详细信息的控件,当用户选择了该项,选择模版则显示。
private void DataList1_ItemCommand(……)
{ switch(e.CommandName)
{
case "select":
this.DataList1.SelectedIndex=e.Item.ItemIndex;
string s=(string)this.DataList1.DataKeys[e.Item.ItemIndex];
//在此获得该条记录的详细数据,在SelectedItemTemplate模版里显示。
break;
case "unselect":
this.DataList1.SelectedIndex=-1;
break;
}
this.DataList1.DataBind();//一定要
}
EditItemTemplate模版
编辑:
this.DataList1.EditItemIndex=e.Item.ItemIndex;
this.DataList1.DataBind();
更新:
得到主键
string s=(string)this.DataList1.DataKeys[e.Item.ItemIndex];
得到模版里的控件
TextBox box=(TextBox)e.Item.FindControl("TextBox1");
更新记录
this.DataList1.DataBind();
取消:
this.DataList1.EditItemIndex=-1;
this.DataList1.DataBind();
删除项
一次勾选多条记录,一次删除
foreach(DataListItem i in this.DataList1.Items)
{

bool IsChecked=((CheckBox)i.FindControl("deletectr")).Checked;

if(IsChecked)
{
string s=(string)this.DataList1.DataKeys[e.Item.ItemIndex];

删除操作 }

}
运行中自定义DataList控件
//当创建DataList控件中的任意项时
private void DataList1_ItemCreated(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
{
switch(e.Item.ItemType)
{ case ListItemType.Header:
e.Item.ForeColor=Color.Red;
e.Item.BackColor=Color.Black;
break;
case ListItemType.Item:
e.Item.BackColor=Color.Black;
break;
}
}
//当模版中的项被数据绑定时发生,数据被显示到客户端前加以访问的最后机会
private void DataList1_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
{
if((e.Item.ItemType==ListItemType.Header)||(e.Item.ItemType==ListItemType.Item))
{
System.Data.Common.DbDataRecord drv=
(System.Data.Common.DbDataRecord)e.Item.DataItem;
if((decimal)drv["库存量"]<1000)
{
e.Item.ForeColor=Color.Red;
}
}

}

另种方式
if((e.Item.ItemType==ListItemType.Header)||(e.Item.ItemType==ListItemType.Item))

{
DataRowView drv=(DataRowView)e.Item.DataItem;
string department=(string)drv["部门"];
switch(department)
{ case "销售部":

e.Item.BackColor=Color.Black;

break;
case "技术部":
e.Item.BackColor=Color.Red;
break; }
}

 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QAbstractItemModel和qml listview是Qt中常用的两个类,用于在界面中展示列表数据。下面是它们的配合用法: 1. 创建QAbstractItemModel子类 QAbstractItemModel是一个抽象基类,需要自己实现一些虚函数来实现自己的数据模型。比如我们可以创建一个MyModel类来继承QAbstractItemModel,并实现一些虚函数,如下所示: ``` class MyModel : public QAbstractItemModel { Q_OBJECT public: explicit MyModel(QObject *parent = nullptr); ~MyModel(); QModelIndex index(int row, int column, const QModelIndex &parent = QModelIndex()) const override; QModelIndex parent(const QModelIndex &child) const override; int rowCount(const QModelIndex &parent = QModelIndex()) const override; int columnCount(const QModelIndex &parent = QModelIndex()) const override; QVariant data(const QModelIndex &index, int role = Qt::DisplayRole) const override; QHash<int, QByteArray> roleNames() const override; private: QList<QString> m_dataList; }; ``` 上面的代码实现了QAbstractItemModel的一些虚函数,其中m_dataList是用来存储数据的列表。 2. 实现roleNames函数 在上面的代码中,我们还实现了一个roleNames函数。它的作用是将我们自定义的角色名称与Qt内置的角色值进行映射,以方便在qml中使用。比如我们可以定义一个名为“mydata”的角色,像这样: ``` QHash<int, QByteArray> MyModel::roleNames() const { QHash<int, QByteArray> roles; roles[Qt::DisplayRole] = "display"; roles[Qt::UserRole + 1] = "mydata"; // 自定义角色 return roles; } ``` 上面的代码中,我们将自定义角色“mydata”的值定义为Qt::UserRole + 1,这个值是Qt内置的,用于表示用户自定义的角色。 3. 实现data函数 在MyModel类中,还需要实现data函数。这个函数用于返回给定索引处的数据。在这个函数中,我们需要根据不同的角色返回不同的数据。比如我们可以这样实现: ``` QVariant MyModel::data(const QModelIndex &index, int role) const { if (!index.isValid()) return QVariant(); if (role == Qt::DisplayRole) return m_dataList.at(index.row()); else if (role == Qt::UserRole + 1) // 自定义角色 return m_dataList.at(index.row()) + " custom data"; // 返回自定义数据 return QVariant(); } ``` 上面的代码中,我们返回了两种角色的数据,一种是Qt::DisplayRole,它用于显示数据;另一种是我们自定义的角色“mydata”,它返回一个自定义的字符串。 4. 在qml中使用listview 在qml中,我们可以使用ListView来展示数据。使用ListView需要设置model属性,将之前创建的MyModel对象传入。我们还可以设置delegate属性,来自定义每个列表项的显示方式。比如我们可以这样实现: ``` ListView { width: 200 height: 200 model: MyModel {} delegate: Text { text: display font.bold: true font.pointSize: 16 color: "blue" } } ``` 上面的代码中,我们将MyModel对象传入model属性中。在delegate属性中,我们使用了一个Text组件来显示每个列表项的数据,其中“display”是Qt内置的角色值,用于显示数据。 5. 在qml中访问自定义角色 如果我们想在qml中访问自定义角色“mydata”,可以使用model对象的get函数,它接受两个参数,一个是索引,另一个是角色名称。比如我们可以这样访问: ``` Text { text: model.get(index, "mydata") } ``` 上面的代码中,我们使用了一个Text组件,通过get函数获取自定义角色“mydata”的值,并将其作为文本内容显示出来。 总结: QAbstractItemModel和qml listview的配合使用,可以实现在qml中展示列表数据。我们需要自己实现一个QAbstractItemModel子类,并在qml中将其作为ListView的model属性,再通过model对象的get函数来访问自定义的角色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值