EXT.NET(七)GridPanel嵌套COMBOX

最新推荐文章于 2016-11-23 16:30:35 发布

最新推荐文章于 2016-11-23 16:30:35 发布 · 197 阅读

文章标签：

本文介绍如何利用ExtJS库实现一个动态出勤状况选择器，包括正常、缺席、迟到和早退四种状态。通过组合框组件（ComboBox）实现用户交互，展示在前台界面中如何设置字段、监听事件以及更新数据。此教程适用于前端开发人员，旨在提升网站或应用的用户体验。

前台:

<ext:Column DataIndex="State" Header="出勤状况"> <Editor> <ext:ComboBox ID="StateCombo" runat="server"> <Items > <ext:ListItem Text="正常" /> <ext:ListItem Text="缺席" /> <ext:ListItem Text="迟到" /> <ext:ListItem Text="早退" /> </Items> </ext:ComboBox> </Editor> </ext:Column> <Listeners> <BeforeEdit Fn="beforeEdit" /> </Listeners> <DirectEvents> <AfterEdit OnEvent="AfterEdit"> <EventMask ShowMask="true" Target="This" /> <ExtraParams> <ext:Parameter Name="field" Value="e.field" Mode="Raw" /> <ext:Parameter Name="id" Value="e.record.id" Mode="Raw" /> <ext:Parameter Name="record" Value="e.record.data" Mode="Raw" Encode="true" /> </ExtraParams> </AfterEdit> </DirectEvents>

后台：

protected void AfterEdit(object sender, DirectEventArgs e) { List<string> fields = new List<string> { "id", "name", "department", "Course", "ScheduledDate", "State" }; int startIndex = fields.IndexOf(e.ExtraParams["field"]); JsonObject data = JSON.Deserialize<JsonObject>(e.ExtraParams["record"]); string id = data["id"].ToString(); string State = data["State"].ToString(); Xuanke xk = new Xuanke(); xk.Id = int.Parse(id); xk.State = data["State"].ToString(); xk.UpdateStatus(); GridPanelWaitUserBind(); }

铁观音-厂家直销