extjs 控件下拉框

前台页面代码

<ext:ComboBox ID="getYear" runat="server" Width="150" FieldLabel="年度" EmptyText="请选择..." Editable="false">
<Listeners>
<Change Handler="highYear.setValue(getYear.getValue());" />
</Listeners>
</ext:ComboBox>
<ext:Label ID="Month" runat="server" Text="月:" />
<ext:ComboBox ID="getMonth" runat="server" Width="150" FieldLabel="月度" EmptyText="请选择..." Editable="false">
<Listeners>
<Change Handler="highMonth.setValue(getMonth.getValue());" />
</Listeners>
</ext:ComboBox>


后台代码
#region 绑定年度月度下拉
private void DataBindYearMonth()
{
for (int i = 2010; i <= 2020; i++)
{
Coolite.Ext.Web.ListItem listItem = new Coolite.Ext.Web.ListItem(i.ToString(), i.ToString());
cbbYear.Items.Add(listItem);
getYear.Items.Add(listItem);//获取年查询
highYear.Items.Add(listItem);//获取年查询(高级)
}
for (int i = 1; i <= 12; i++)
{
Coolite.Ext.Web.ListItem listItem = new Coolite.Ext.Web.ListItem(i.ToString(), i.ToString());
cbbMonth.Items.Add(listItem);
getMonth.Items.Add(listItem);//获取月查询
highMonth.Items.Add(listItem);//获取月查询(高级)

}
cbbYear.SelectedItem.Value = DateTime.Now.Year.ToString();
cbbMonth.SelectedItem.Value = (DateTime.Now.Month + 1).ToString();
}

#endregion
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SQLAlchemy 是一个 SQL 工具包和对象关系映射(ORM)库,用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具,允许开发者以 Python 类和对象的形式操作数据库,而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上,支持多种数据库后端,如 SQLite, MySQL, PostgreSQL 等。 SQLAlchemy 的核心功能: 对象关系映射(ORM): SQLAlchemy 允许开发者使用 Python 类来表示数据库表,使用类的实例表示表中的行。 开发者可以定义类之间的关系(如一对多、多对多),SQLAlchemy 会自动处理这些关系在数据库中的映射。 通过 ORM,开发者可以像操作 Python 对象一样操作数据库,这大大简化了数据库操作的复杂性。 表达式语言: SQLAlchemy 提供了一个丰富的 SQL 表达式语言,允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。 表达式语言提供了对 SQL 语句的灵活控制,同时保持了代码的可读性和可维护性。 数据库引擎和连接池: SQLAlchemy 支持多种数据库后端,并且为每种后端提供了对应的数据库引擎。 它还提供了连接池管理功能,以优化数据库连接的创建、使用和释放。 会话管理: SQLAlchemy 使用会话(Session)来管理对象的持久化状态。 会话提供了一个工作单元(unit of work)和身份映射(identity map)的概念,使得对象的状态管理和查询更加高效。 事件系统: SQLAlchemy 提供了一个事件系统,允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。 这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。
`ComboTable` 是 ExtJS 中的一个扩展组件,它是一个下拉框和表格的组合,可以通过表格来选择下拉框的选项。给 `ComboTable` 赋值的方法和普通的下拉框类似,只需要给下拉框和表格设置对应的数据即可。 示例代码如下: ```javascript // 创建一个 store,用来存储下拉框的选项 var store = Ext.create('Ext.data.Store', { fields: ['value', 'text'], // 设置 store 的字段 data: [ // 设置 store 的数据 {value: '1', text: '选项1'}, {value: '2', text: '选项2'}, {value: '3', text: '选项3'}, ] }); // 创建一个表格,用来显示下拉框的选项 var grid = Ext.create('Ext.grid.Panel', { store: store, // 设置表格的数据源 columns: [ {text: '值', dataIndex: 'value'}, {text: '文本', dataIndex: 'text'}, ], }); // 创建一个 ComboTable var comboTable = Ext.create('Ext.ux.form.ComboTable', { fieldLabel: '下拉框', // 下拉框的标签 store: store, // 设置下拉框的 store displayField: 'text', // 显示字段为 text valueField: 'value', // 值字段为 value tableConfig: { // 配置表格 columns: [ {text: '值', dataIndex: 'value'}, {text: '文本', dataIndex: 'text'}, ], }, }); // 将 ComboTable 添加到某个容器中 // ... // 给 ComboTable 设置选中值 comboTable.setValue('2'); ``` 在上述示例中,我们首先创建了一个 `store`,用来存储下拉框的选项。接着创建了一个表格 `grid`,并将 `store` 设置为表格的数据源。然后创建了一个 `ComboTable`,并将 `store` 设置为下拉框和表格的数据源。设置了下拉框的显示字段和值字段,同时配置了表格的列。最后调用 `comboTable.setValue('2')` 方法给 `ComboTable` 设置了选中值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值