本文目录一览：

extjs实现显示图片，请给出详细步骤，最好是代码。谢谢
[ExtJS 解析json数据动态创建grid表格](#ExtJS 解析json数据动态创建grid表格)
extjs是什么？？用来做什么的？麻烦不要复制，通俗点，3Q
[刚学Extjs 请教怎么用Extjs与Java后台交互，，比如简单的登录](#刚学Extjs 请教怎么用Extjs与Java后台交互，，比如简单的登录)
[extjs3.3 动态生成流程图怎么实现](#extjs3.3 动态生成流程图怎么实现)
[Extjs panel怎么显示一行多列如下图所示](#Extjs panel怎么显示一行多列如下图所示)

extjs实现显示图片，请给出详细步骤，最好是代码。谢谢

用grid提供的事件这是进入item的事件 itemmouseenter( this, record, item, index, e, eOpts ) 这是离开item的事件 itemmouseleave( this, record, item, index, e, eOpts ) 进入显示图片panel 离开隐藏

ExtJS 解析json数据动态创建grid表格

是你自己做的太复杂了。。。写简单点就好了

//构建数据集
Ext.onReady(function() {
    var store = Ext.create('Ext.data.Store', {
        //这里的字段名称是自定义的，不一定要和后台返回的一一对应，但是数量要相等，否则后面的将不会显示
        fields: ['字段1','字段2','字段3'],
        //自动加载数据
        autoLoad: true,
        proxy: {
            type: 'ajax',
            url: 'xxx',
            reader: {
                type: 'json',
                //这里的root不是一定要设置的，如果返回的本身就是表格数据，就不需要
                root: 'items'
            }
        }
    });
    //构建表格
    Ext.create('Ext.grid.Panel', {
        store: store,
        renderTo: Ext.getBody(),
        columns: [{
            text: '列名',
            dataIndex: '对应store的field，而不是json的字段',
        },{
            //同上
        }]
    });
});

extjs是什么？？用来做什么的？麻烦不要复制，通俗点，3Q

extjs 是sencha的一套富客户端的框架，版本差别比较大 2，3和4版本差别大。 4版是采用了mvc的开发思想。extjs可以简单的实现表格,以及form表单组件，它还有一些扩展，有布局管理器，有事件管理器，它同时具有dom操作功能，对拖拽等都进行封装，比如我们要做一个表格用html要写table tr td 还要写样式，extjs如果想做一个表格很简单直接new一个表格对象 GridPanel 就可以，然后在创建这个表格的时候，可以传递这个表格需要的数据就可以，数据与表格的列会有对应的关系。你可以查看extjs提供的例子就知道。当然在他提供的这些组件里面，肯定不可能满足我们的所有需求的，可以对extjs进行组件扩展。他的扩展也很简单。我上家公司就采用了extjs来做后台管理，我们是基于extjs扩展了自己的一套框架，我一直负责维护这个框架，维护了1年多了，扩展了很多组件，所以对这个extjs比较熟悉。

刚学Extjs 请教怎么用Extjs与Java后台交互，，比如简单的登录

简单叙述：

extjs编写前台界面，同时向逻辑层发出请求（formpanel.form.doAction或者Ajax），比如：

Ext.Ajax.request({
    url: 'logic_user.jsp',
    method: 'post',
    params: {type: 'VIEW', id: editid}, //传递id参数
    success: successFn,
    failure: function() {
        alert('服务器出现错误请稍后再试！');
    }
});

逻辑层接受前台传来的参数，然后调用java方法，与数据库交互。
编写java程序，实现与数据库交互所需功能。

extjs3.3 动态生成流程图怎么实现

Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [{
            text: "操作",
            id: "operator",
            expanded: true,
            children: [
                {text: "第一个叶子", leaf: true, id: "termOpera"},
                {text: "第二个叶子", leaf: true, id: "userMang"},
                {text: "第三个叶子", leaf: true, id: "importExcel"}
            ]
        }]
    }
});

Extjs panel怎么显示一行多列如下图所示

用extjs布局来实现这个样式。给你讲下extjs的布局。 FormPanel有两种布局：form 和 column，form 是纵向布局，column 为横向布局。默认为后者。使用 layout 属性定义布局类型。对于一个复杂的布局表单，最重要的是正确分割，分割结果直接决定布局能否顺利实现。布局其实是由行和列组件成，分成由左往右和由上往下两个方向，由左往右叫 column，由上往下叫 form。整个大的表单是 form 布局。好了来讲你这个布局怎么实现。整体是右上往下布局，是 form 布局，然后看每一行，里面都是两个元素，他就是 column 布局，colunm 布局里面，每个都是一个元素，默认是 form 布局。代码：

var form = new Ext.form.FormPanel({
    title: "布局表单",
    width: 650,
    autoHeight: true,
    frame: true,
    renderTo: "a",
    layout: "form", // 整个大的表单是form布局
    labelWidth: 65,
    labelAlign: "right",
    items: [{
        layout: "column", // 行1
        items: [{
            columnWidth: .5,
            layout: "form",
            items: [{
                xtype: "textfield",
                fieldLabel: "第1行第1个",
                width: 220
            }]
        }, {
            columnWidth: .5,
            layout: "form",
            items: [{
                xtype: "textfield",
                fieldLabel: "第1行第2个",
                width: 220
            }]
        }, {
            columnWidth: .5,
            layout: "form",
            items: [{
                xtype: "textfield",
                fieldLabel: "第2行第1个",
                width: 220
            }]
        }, {
            columnWidth: .5,
            layout: "form",
            items: [{
                xtype: "textfield",
                fieldLabel: "第2行第2个",
                width: 220
            }]
        }]
    }],
    buttonAlign: "center",
    buttons: [{
        text: "提交"
    }, {
        text: "重置"
    }]
});

包含extjs实现流程图的词条