Ext JS4,用grid.plugin.CellEditing做高级查询: 写了90%,界面出来了,小兴奋就贴出来,还有细节要调整,基本能用. 代码: Ext.define('chenghao.admin.SearchGrid', { extend: 'Ext.grid.Panel', requires: [ 'Ext.selection.*', 'Ext.grid.*', 'Ext.data.*', 'Ext.util.*', 'Ext.form.*' ], initComponent: f…
做一个可编辑的,可checked的treegrid,代码相当简洁: 请看代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; ch…
首先 我要的布局是上下两块,并且高度和按自己的喜欢可调节,所以我采用的是border的布局, 上下两块,都放grid列表,上面一块不可编辑,下面这块可编辑,如图 在编辑第二块的时候会出现这个现象 图一 图二 图三 在光标闪烁一下之后 会变成图二的样子.原来的内容不见了,被一个不知名的东西给覆盖了, 在输出编辑的时候会变成图三的样子,持续不久,又会变回图二的样子, 经过多次测试,发现,布局border 和 grid的cellediting,有不知名的关联和冲突,上面这种bug情况是我在border…
在Extjs4中有时候我们需要textfield的提示信息,但是我们发现textfield并没有这样的配置项. 这时候我们就要另想方法:我们需要在鼠标悬停在textfield组件的时候进行信息的提示,我们就需要在textfield中来监听, 这里有两种进行textfield悬停提示的方法: ①进行固定信息的提示:需要在监听中用render方法 render: function (field, p) { Ext.QuickTips.init(); Ext.QuickTips.register({…
Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法 昨天在开发的时候遇到个小问题,就是如何将Grid的内容与Form一起发送到服务器端.默认情况下,表单(Form)里的表格(Grid)数据是不随表单一起发送的,这个时候就需要我们将表格里的数据做一下处理.有两种思路,第一种就是发送完Form以后用一个回调函数,再将Grid的数据取出来再发送,这样略嫌麻烦,还得考虑表单发送成功与否等问题:第二种就是讲Grid里的数据分别遍历出来,组成一个Json数据,放到…
有时候,我们在grid里渲染数据时,由于某些字段的内容太长,而grid又不会自动出现滚动条,于是溢出的内容后面就会出现省略号, 导致信息展示不完全.如果,这个信息不太重要,展示不完全也无关紧要.可是,有时候,用户需要查看溢出部分的详细内容时,怎么办呢?比如下图中的grid:   因为信息内容太长,导致“消息内容”展示不全,这时候想要查看详细信息怎么办呢? 最简单的解决方法就是利用 Ext.grid.plugin.RowExpander    我们在grid配置项里面添加一个plugins属性.如…
2013年12月26日,由51CTO独家举办的2013年度IT博客大赛圆满落幕,荣幸跻身10强[http://fellow.51cto.com/art/201312/425528.htm],首先感谢各位评委和众多网友的大力支持和51CTO提供的这个平台,完全超越我的预期,参加51CTO组织的"2013年度IT博客大赛"的目标很简单,就是希望自己的博客能够被更多的人看见,让社区消除对.NET的偏见,认识一个全面,真实的.NET. 我的博客始于2003年的CSDN专栏,当时的工作是系统管理…
2018“创客中国”互联网+大数据创新创业大赛(暨2018创客中国产业投资峰会)8月19日在厦门进行了总决赛.大赛由国家工业和信息化部.厦门市人民政府主办,厦门文广集团等承办.工信部信息中心领导.厦门政府领导.30多家投资机构到会. 在全国1000多个参赛项目中,我公司的“摹客Mockplus平台”项目经过层层选拔,进入30强,而后进入10强,并在8月19日的路演中,最终获得二等奖. 摹客设计系统上线了!三大福利送不停!…
此bug未在其他版本发现,参考高版本代码重写类解决此bug,直接上代码: /** * 如果列表同时存在横向滚动条和竖向滚动条,当竖向滚动条滚动到底部时 * 点击横向滚动条,滚动条会自动滚动到顶部 * 6.2.1 bug修复 */ Ext.define('override.grid.NavigationModel', { override: 'Ext.grid.NavigationModel', //当列表被点击时 onContainerMouseDown: function (view, mou…
Ext.onReady——Ext主入口,和onload事件不同,不需要页面所有东西加在出来. Ext js 的基本语法就是使用树状图来配置对象来定义界面: { config_options1:value1, config_options1:value1, … config_options1:value1, layout:{}, items:[ { }, { },//配置对象 …], listeners:{ //定义事件(根据需要而定) click:function(){}, dblclick:f…