ExtJs start

1.Extjs 4.2.0 MVC 架构

http://blog.csdn.net/shimly2010/article/details/9748259/

 

2.Extjs表单操作

 http://blog.csdn.net/shimly2010/article/details/9748259/

 

3.EXTJS4.0视频教程配套代码

http://down.51cto.com/data/430008

4.Ext中关于Ext.QuickTips.init()的使用

http://www.cnblogs.com/jianglan/archive/2011/08/26/2154120.html

扫描二维码关注公众号,回复: 513887 查看本文章

5.extjs中treepanel例子

http://www.studyofnet.com/news/415.html

6.在线格式化Json

http://www.bejson.com/

7.ExtJS 3.x Grid 每个Cell都显示tooltip

http://qingfeng200468.iteye.com/blog/1677972

8.EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。

http://www.cnblogs.com/Y-X-DONG/p/5063833.html

也可以改成如下格式:

gridPanel.on('itemmouseenter', function (view, record, item, index, e, eOpts) {
		view.el //获取代表此组件的顶层元素
		.clean(); //删除空的(Empty) 或者全是空格填充的文本节点
		if(view.tip != null){
		    view.tip.destroy();//销毁组件
		}
		//1.获取列号
		var columnIndex = e.getTarget(view.cellSelector).cellIndex;
		
		if(columnIndex == 4 ||columnIndex == 5 || columnIndex == 6){
			view.tip = Ext.create('Ext.tip.ToolTip', {
		        // 所有的目标元素
		        target: view.el,
		        // 每个网格行导致其自己单独的显示和隐藏。
		        delegate: view.itemSelector,
		        // 在行上移动不能隐藏提示框
		        trackMouse: true,
		        // 立即呈现,tip.body可参照首秀前。
		        renderTo: Ext.getBody()
		    });
			view.tip.on("beforeshow",function(tip){
				var gridColums = view.getGridColumns();
        		var column = gridColums[columnIndex];
                tip.update(record.data[column.dataIndex]);//获取鼠标悬浮单元格中的数据显示
			});
		}
    });

猜你喜欢

转载自weigang-gao.iteye.com/blog/2274914