开发者社区> 老朱教授> 正文

Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel

简介:
+关注继续查看

Ext.Net GridPanel 有两种编辑模式:编辑单元格和编辑行。

单元格编辑:

image

行编辑:

image

可以看出,单元格编辑的时候,只有单元格会进入编辑模式,而行编辑模式中则对编辑行的所有可编辑字段统一进行编辑,通过Update进行更新,Cancel进行取消编辑。

要对Ext.Net GridPanel进行编辑,需要进行两步配置:

  1. 配置列的编辑控件(TextField、NumberField、DateField等)
  2. 配置编辑插件(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的编辑功能了。

感谢您的关注,本文由起飞网原创首发,转载请注明出处。




本文转自齐师傅博客园博客,原文链接:http://www.cnblogs.com/youring2/p/3568367.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
比NotePad++更好的文本代码(C#)编辑器Sublime Text
原文:比NotePad++更好的文本代码(C#)编辑器Sublime Text 前言  前两天在博客园看到@晴天猪的博客发表的关于他使用的代码编辑器,自己索性试了一下,果断好用,自己也来记录一下。以便以后配置使用。
1006 0
学习c#.net
为了和大众接轨,不至于死在vb.net的孤岛上,今天开始学习c#.net了。有点郁闷,也有点兴奋!
390 0
Spring.Net Aop 学习
浅析Spring.net 中的Aop使用 Spring.NET 中的 AOP .NET中AOP的几种实现方案 Spring.NET学习笔记12——面向切面编程(基础篇) Level 300
518 0
强大的编辑器--vim|学习笔记
快速学习强大的编辑器--vim
36 0
+关注
3546
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载