大脑与思维的专栏

1    修改表格的单元的背景色       1.1 在html文件中，增加单元格的样式定义 1.2 Grid的单元格定义中增加renderer函数，使用样式2 不同颜色显示单元格中的字

这几天我开发的项目中，前台用easyui来做，easyui是基于jquery的一个简单美观的开发框架，有比较丰富的例子。现在把表单提交的部分代码写下来。写的比较简单，请指导！下面是两个录入框的校验的提示信息这是两个基本的校验，一个是必填项，一个是邮件格式的校验。那么我们在程序中如何写呢？    首先引入 easyui-validatebo

使用jQuery的框架，开发出带有复选框的树 tree.js的代码 $(function () { $.ajaxSetup({cache:false}); $("#tree").tree({ data :

java的Entity中这样写：@DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME, pattern="yyyy-MM-dd HH:mm:ss")private Date a;@Temporal(TemporalType.TIMESTAMP)Date getA() {   return a;}Ext 的 mode

对于Ext4的树，与Ext.grid.Panel是属于同一个父类Ext.panel.Table，所有有树的有许多的基本特性可以参照Table和grid来学习，当然树也有自己的特性。如下图：在树的动态加载，有如下配置：Tree的Store中需要的属性：autoLoad: true，root:{ id:null, text: "根节点",

在使用Ext4的过程中，因为刚开始对Ext4，固有的技术特点不是很了解，在调试时，出现了layout error，这样的布局错误，其它的提示信息很少，对与复杂的布局，要找到布局出现错误的地方，非常的困难。在stackoverflow网站找到(后来在Ext设计权威指南中也看到过)，Ext4，是有自己的布局调试工具的：所以，我在html文件中，加入如下的引用： 随

调用端Ext的加载配置 Ext.Loader.setConfig({ enabled: true, paths : { 'CommonView.common.plugin' : '../common/plugin' }});在公用的命名域内，可以做action,event,logic等的处理，如

loadFormData: function (modelPath, formName, centerpage, record) { Ext.ModelManager.getModel(modelPath).load(record.data.id, { failure:function (record, operation) {//

布局的合理利用：如图：{ xtype:'container', margins:'5 0 0 0', layout:{ align:'stretch

在Ext中，具有合计功能的grid，有时会出现小数位运算溢出的问题，可以在合计列上加入如下代码来解除问题： summaryType: 'sum', renderer: function(val) { return Ext.util.Format.round(val, 6); }, ..... 校验时也可以使用函数Ext.

今天，调试js时碰到了一个问题，json对象转换字符串时，null，被过滤掉了，跟踪之后发现null == undefined 的结果是true, 并且 typeof(null) == 'object' 的结果是true,很典型的一个现象 于是在js文件中复制原有的toJSONString()方法，取名toJSONStringIncludeNull(), 修改了其中条件判断，取消了对nul

最近，项目中需要用到yui的datatable组件来做报表的展现。碰到了一些问题，把这些问题的解决方案写下来，多探讨，多学习。 一，在使用YUI的dataTable组件时，如果宾栏的个数是变化的，那么表格的两边就会留下空白，如下图所示        在html文件中,添加如下样式：   .yui-dt-scrollable table { width: 100%; }  表格就

Ext.define('MyChart.view.FlowChart', { extend: 'Ext.view.View', alias: 'widget.myChart', itemId: 'myChart', autoScroll: true, loadMask: true, itemSelector: 'div.chartList

在Ext4中使用Ext.view.View,可以灵活地做菜单布局1. 菜单的竖向布局，根据菜单的不同的状态显示不同的菜单的标识 itemSelector: 'div', overItemCls: 'menu-list-item-hover', tpl: new Ext.XTemplate( '', '{[this.renderI

xtype:'radiogroup ',allowBlank:false,blankText:"请您选择！",Ext.form.RadioGroup  document:blankText : StringError text to display if the allowBlank validation failsDefaults to: 'You must select on

使用cellediting方式编辑数据的grid在保存数据时，需要进行数据的处理，所以数据处理的方式需要特别注意!       cellEditing 插件的事件 listeners: { edit: function (editor, e) { e.grid.getView().refresh(); } }