Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel
2016-03-10 12:22
411 查看
Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel
Ext.Net GridPanel 有两种编辑模式:编辑单元格和编辑行。单元格编辑:
行编辑:
可以看出,单元格编辑的时候,只有单元格会进入编辑模式,而行编辑模式中则对编辑行的所有可编辑字段统一进行编辑,通过Update进行更新,Cancel进行取消编辑。
要对Ext.Net GridPanel进行编辑,需要进行两步配置:
配置列的编辑控件(TextField、NumberField、DateField等)
配置编辑插件(CellEditing、RowEditing)
配置Grid列的编辑控件
在我们的例子中,只对姓名和年龄进行编辑,姓名使用的是TextField控件,年龄使用NumberField控件,列的配置如下:<ColumnModel> <Columns> <ext:RowNumbererColumn ID="RowNumbererColumn1" runat="server"></ext:RowNumbererColumn> <ext:Column runat="server" ID="columnID" Width="100" Text="ID" DataIndex="ID"></ext:Column> <ext:Column runat="server" ID="columnName" Width="200" Text="姓名" DataIndex="Name"> <Editor> <ext:TextField runat="server"></ext:TextField> </Editor> </ext:Column> <ext:Column runat="server" ID="columnGender" Width="50" Text="性别" DataIndex="Gender"></ext:Column> <ext:NumberColumn runat="server" ID="columnAge" Width="60" Text="年龄" DataIndex="Age" Format=""> <Editor> <ext:NumberField runat="server" MinValue="18" MaxValue="150"></ext:NumberField> </Editor> </ext:NumberColumn> </Columns> </ColumnModel>
配置Grid编辑插件
ExtJS中有两种Grid的编辑插件,我们将使用代码贴出来。单元格编辑:
<Plugins> <ext:CellEditing runat="server" ClicksToEdit="1"></ext:CellEditing> </Plugins>
行编辑:
<Plugins> <ext:RowEditing runat="server" ClicksToEdit="1"></ext:RowEditing> </Plugins>
通过上面两个配置,我们已经可以使用Ext.Net GridPanel的编辑功能了。
相关文章推荐
- 通过JS判断联网类型和连接状态
- redis内存分析
- Ext.Net学习笔记17:Ext.Net GridPanel Selection
- Ext.Net学习笔记16:Ext.Net GridPanel 折叠/展开行
- 有哪些老鸟程序员知道而新手不知道的小技巧?
- UITableView上button的点击事件(一)
- 【零基础入门学习Python笔记007】了不起的分支和循环1:打飞机框架
- Ext.Net学习笔记15:Ext.Net GridPanel 汇总(Summary)用法
- PL_SQL中执行SELECT … INTO …语句时,如果返回结果集为空
- 在Android开发中使用MVP模式
- Shell学习总结
- antlr配置
- 免安装Oracle客户端使用PL/SQL
- CodeForces - 630P Area of a Star (数学几何&正弦定理求面积)
- opencl:cl::make_kernel的进化
- 我的sublime text3 配置文件设置
- 基因数据处理1之mapping_to_cram
- CTO训练营,筑梦CTO
- OpenCV3.10 + VS2013 配置笔记
- [疯狂Java]AWT剪切板:剪切板概念、文本传递