extjs表格分页加载solr数据

先说明一下,本文的代码都是基于ext 4.0.2a版本,其它版本可能不适用。 ext中数据都是通过store获取的,store可以通过配置proxy读取远程数据,此时也可以跨域读取数据,官方的例子就是很好的参考。 本文的数据来源于solr,并且solr数据通过服务器反向代理获得,这也是解决跨域问题的一种方案。 在proxy设置中,reader用来解析服务端返回的数据,这里的数据格式为json,root就是对应数据的根节点,对于solr而言,此处就是response.docs,同时totalProperty对应与记录总数。 对于另外的一组设置extraParams目的是在发送请求时添加额外的参数 … “extjs表格分页加载solr数据”

Read More

extjs表格grid中actioncolumn不显示tooltip

按照extjs官方的例子创建了表格,并且设置了actioncolumn,但是无论如何就是没有tooltip显示,真是奇怪。 图片也显示正常,点击事件也是有监听到的。 部分代码如下: { xtype:’actioncolumn’, width:50, items: [{ icon: ‘images/edit.png’, // Use a URL in the icon config tooltip: ‘Edit’, handler: function(grid, rowIndex, colIndex) { // someth … “extjs表格grid中actioncolumn不显示tooltip”

Read More

extjs表格文本启用选择复制功能

extjs提供了方便的表格组件grid供使用,但是默认情况下表格中的文本是不能被选中的,自然也是无法复制的。 而选择复制文本的需要也是很平常的,于是我们就需要自己动手来解决这个问题,实现extjs的grid文本选择复制功能。 说明一点,文中所列出的代码片断都是在当前ext 4.0.2a版本下的,其它版本未做测试,请自行斟酌。 首先自定义一下样式,来覆盖默认的css样式:

复写extjs的table类,阻止鼠标选择文本的就是这个unselectable

然后再自定义 … “extjs表格文本启用选择复制功能”

Read More

实现extjs表格单元格内容自动换行

使用extjs的表格组件时发现有很多默认的设置不是我们所希望的,例如单元格内容自动换行。 可能会想到修改ext-all.css文件,但是一般我们不会这样做,更简单的是使用新的样式来覆盖ext-all.css中的默认样式。下面给出的两种分别针对ext3和ext4版本。 /* for ext3 */ .x-grid3-cell-inner{white-space:normal;} /* for ext4*/ .x-grid-cell-inner{white-space:normal;} 虽然修改样式可以达到想要的效果,不过所有的单元格都会受到影响。 而我们可能更希望设置某一行数据实现自动换行,其它 … “实现extjs表格单元格内容自动换行”

Read More

extjs表格宽度自适应

在extjs中使用表格组件是再经常不过的事情了,不过组件与纯html还是有些不太一样的,有时候很简单的一件事情,可能实现的时候还是需要费些功夫的。 由于刚刚接触,有太多的未知,其中就遇到一个表格宽度自适应的问题。 参考着一些示例代码进行尝试修改,发现columns中的width只能接受数值类型,实际转换为px,无法设置auto或者100%,与原始的html有点区别。 经过一番查阅,发现可以使用另外的方法,就是设置colunms的flex属性,看一下文档是这样描述的: flex : Number This configuration option is to be applied to chil … “extjs表格宽度自适应”

Read More

解决word中表格高度无法调整问题

最近写毕业论文,真是头大,word里面插入个表格,表格高度怎么也搞不定,用鼠标拖拽怎么也不变小,在表格属性中指定行的高度为0.7厘米,行高值是最小值,还是不起作用,把行高值改为固定值,表格高度是变小了,不过里面的文字却看不到了,遮挡住了一半,真是晕死。 之前插入的表格高度挺合适的,刚好字体大小的高度,可是现在这个表格怎么变得如此难看,而且难以驯服。在原来表格的下面又插入了一个新表格,高度是合适的那种,那就先把它剪切过来吧,放到后面替换丑陋的表格,看来不是表格设置的问题。 进过仔细的观察了一番,终于找到问题所在了——原来是段落格式惹的祸。在前文插入表格的时候没有设置段落格式,使用默认设置,插入的 … “解决word中表格高度无法调整问题”

Read More

轻松解决wordpress表格拉伸等问题

使用wordpress写文章,经常会用到表格,虽然可视化编辑器没有表格工具,我们依然可以在代码编辑模式下建立表格,或者从其它编辑器里创建表格后复制粘贴过来. 但是当我们发布文章时就会出现一个问题,我们定义好了表格的各种属性,但是发布出来的文章表格却丑的不行,我们定义的属性根本没有起效,于是到模板里面去修改css关于table的属性,重新编辑文章还是问题依旧,真是奇怪了,明明定义好的属性为什么没有起作用呢. 偶然翻看之前的文章,发现那个表格怎么看起来满舒服的,看看源码,找到了不同,本来那个表格是要显示出来的源码,就用code包含起来了,结果没有显示源码,表格还是显示出来,但是相应的属性也有效了, … “轻松解决wordpress表格拉伸等问题”

Read More