extjs学习札记（五）可编辑的grid
日期：2014-05-16 浏览次数：20350 次
extjs学习笔记（五）可编辑的grid
大多数时候，我们只是使用grid来显示信息，但有时也需要在grid中对信息进行编辑。在extjs中，构造一个可编辑的grid非常方便。
?我们来看下Ext.grid.EditorGridPanel，该类从GridPanel继承而来，通过对列提供editor进行编辑。在前边的例子中，我们用过renderer函数，知道可以把数据显示成我们希望的样子，而在编辑的时候，我们其实是针对的原始数据。另外，我们在编辑的时候，通常希望能够对用户的输入进行控制而不是任由用户随心所欲的输入，Ext.form命名空间有一些类能够对用户输入进行一些基本的控制，我们会在下边的代码中看到，这里我再次强调一下，在向服务器提交数据之前和数据在服务器进行处理之前，必须要进行数据的有效性验证。由于对grid已经比较熟悉了，下边就直接给出代码了：
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->??1![]()
??2/*
??3![]()
*日期：2009-10-20
??5![]()
*博客地址：http://yage.cnblogs.com
??7![]()
*/
??9![]()
?11Ext.onReady(function()??13![]()
????//格式化日期
?15????function?formatDate(value)?return?value???value.dateFormat('Y年m月d日')?:?'';
?17![]()
?19![]()
????var?fm?=
??2/*
??3
??5
??7
??9
?11Ext.onReady(function()??13
?15????function?formatDate(value)?return?value???value.dateFormat('Y年m月d日')?:?'';
?17
?19
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
