ExtJs Ext.define 怎么通过ajax获取数据显示在前台？-CSDN论坛

ExtJs Ext.define 怎么通过ajax获取数据显示在前台？

Web 开发 > JavaScript

收藏回复

[问题点数：100分，结帖人dongquestion]

⋅ExtJs Ext.define 怎么通过ajax获取数据显示在前台？ ⋅tomcat6.0启动不了，帮忙解决一下 ⋅一个超难的问题：怎样截获所有发往数据库的sql语句 更多帖子 关注私信空间博客 dongquestion 等级 本版专家分：0 结帖率 100%: 代码如下：
Ext.define('HT.view.west', {
    extend: 'Ext.panel.Panel',
    title: '管理目录',
    alias: 'widget.west',
    collapsible: true,
    split: true,
    width: 200,
    layout: 'accordion',
    region: 'west',
    layoutConfig: {
        titleCollapse: true,
        animate: true,
        activeOnTop: true
    },
    items: [
        {
            title: 'BBS交流',
            items: [
                {
                    xtype: 'button',
                    width: 200,
                    id: 'companyNotice',
                    text: '公司通告'
                }, {
                    xtype: 'button',
                    width: 200,
                    id: 'saleExchange',
                    text: '销售交流'
                }, {
                    xtype: 'button',
                    width: 200,
                    id: 'industryCase',
                    text: '行业案例'
                }, {
                    xtype: 'button',
                    width: 200,
                    id: 'technicalSupport',
                    text: '技术支持'
                }
            ]
        }
    ],
}
items是重点。
我要通过ajax获取到数据，然后在前台展示出来。
求高手帮忙！！！

2014-11-21 08:33:27

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅ExtJs Ext.define 怎么通过ajax获取数据显示在前台？ ⋅tomcat6.0启动不了，帮忙解决一下 ⋅一个超难的问题：怎样截获所有发往数据库的sql语句 更多帖子 关注私信空间博客 dongquestion 等级 本版专家分：0: 使用的是ExtJs4.1

2014-11-21 08:42:08

点赞只看TA 引用举报 #1得分 0

⋅nginx配置求助-局域网IP地址子目录映射到web服务器根 ⋅MYSQL用户只能查询到统计值的Grant 怎么写 ⋅GBK编码转换的问题 更多帖子 关注私信空间博客 lzpggg 等级 本版专家分：1529

简单的事情，在beforerender里ajax，然后add(items)然后doLayout()即可



var panel = Ext.create('Ext.panel.Panel', {

  title: 'Hello World',

  layout{ type: 'accordion' },

  renderTo: Ext.getBody()

});

var items = [{title:"123", html:"123"},{title:"456", html:"456"}];

panel.add(items);

2014-11-21 10:46:59

点赞只看TA 引用举报 #2得分 40

⋅跟大家讨论一个spring hibernate事务管理的问题 ⋅windowsphone8中怎么在系统的Documents中建立文件 ⋅activex中如何调用第三方的dll函数？ 更多帖子 关注私信空间博客 loveunittesting 等级 本版专家分：647: 自己代码查询数据，然后setValue，这又什么不同嘛？

2014-11-21 11:13:41

点赞只看TA 引用举报 #3得分 10

⋅求一个linq Row_number的写法 ⋅asp.net自定义400错误显示 ⋅已经使用Tls12还是报错The request was aborted: Could not create SSL/TLS secure channel 更多帖子 关注私信空间博客 版主 支付宝加好友偷能量挖，胡杨... 等级 本版专家分：396100 勋章 探花 2017年总版技术专家分年内排行榜第三 进士 2018年总版新获得的技术专家分排名前十 2013年总版技术专家分年内排行榜第五 金牌 2018年5月总版技术专家分月排行榜第一 2018年4月总版技术专家分月排行榜第一 2018年2月总版技术专家分月排行榜第一 2017年8月总版技术专家分月排行榜第一 银牌 2018年3月总版技术专家分月排行榜第二 2017年11月总版技术专家分月排行榜第二 2016年2月总版技术专家分月排行榜第二 2014年2月总版技术专家分月排行榜第二 2013年4月总版技术专家分月排行榜第二

add方法而已，如果往panel的bbs栏目添加需要调用下xx.items.get(0).add()



        p = Ext.create('HT.view.west', { renderTo: document.body });



        p.add({ title: '新增栏目', items: [{xtype:'button',width:200,text:'新增栏目子菜单'}] });

        p.items.get(0).add({title:'bbs子栏目'});

2014-11-21 17:35:22

点赞只看TA 引用举报 #4得分 50

收起

收藏回复

dongquestion

等级：

关注私信 TA的帖子

extjs4 利用AJAX加载的数据封装到store中: 1.利用AJAX加载的数据封装到放入store中将ajax检索的结果加入到store中去代码片 1.ajax var t = Ext.getCmp(&... Ext.Ajax.request({ url : &amp;amp;quot;./system/flfgzyk/flfg/solrquery

玩转extjs5之Ext.data.proxy.Ajax（六）: AjaxProxy(Ajax数据代理类)是应用程序中使用最广泛的获取数据的方式. 它使用AJAX请求来从服务器获取数据, 然后通常将它们放入 Store中. 例如： Ext.define('User', { extend: 'Ext.data.Model', fields: ['id', '...

Ext.extend 与 Ext.define: 转自：http://www.cnblogs.com/CoolHu/archive/2012/11/28/2792803.html SysPanel = function(config) { config = config || {}; Ext.apply(config, { title:"Panel", width:100,

Ext.data.Store 后台加载数据，加载不进去: //extjs版本4.0.7 代码如下: Ext.define("Role",{ extend:"Ext.data.Model", fields:[ {name:'num',type:'string',min:1,max:8}, {name:'name',type:'string',min:1,max:50}, {name:'valid',...

Extjs-树 Ext.tree.TreePanel 动态加载数据: 1、说明Ext.tree.Panel 控件是树形控件，大家知道树形结构在软件开发过程中的应用是很广泛的，树形控件的数据有本地数据、服务器端返回的数据两种。对于本地数据的加载，在extjs的 api文档中都有介绍，但是Extjs....

玩转extjs5之Ext.data.Model和Ext.data.Store（四）: 一、Ext.data.Model （1）Model代表应用程序管理的一些对象。例如，我们可能会为我们想在系统中建模的现实世界中的一些物体像使用者、产品和汽车等定义一个Model。这些Model在模型管理器中注册，被Store使用, ...

ExtJs4用Ext.data.ArrayStore的使用实例: ExtJs4用Ext.data.ArrayStore的使用实例 2013-07-04 09:54:43 来源：评论：0 点击：3135 Ext.data.ArrayStore可以用来装载本地数组数据 ? 1 2 3 4 5 6 7 8 9...

玩转extjs5之Ext.data.Model和Ext.data.Store: 玩转extjs5之Ext.data.Model和Ext.data.Store（四）标签： extjsext 2015-03-19 13:01 1959人阅读评论(0) 收藏举报本文章已收录于：分类： extjs（5）作者同类文章X ...

Ext.grid.Panel 从后台获取数据源和数据格式详解: 1 Ext.create("Ext.grid.Panel", { 2 title: "userInfo", 3 store: Ext.data.StoreManager.lookup("userInfoStore"), 4 columns: [ 5 ...

扩展ExtJS的【Ext.data.reader.Json】例子: 一，下面是扩展Class ...Ext.define('Dncsoft.data.MyReader', { extend: 'Ext.data.reader.Json', alternateClassName: 'Ext.data.DncReader', alias : 'reader.dncreader', startDate: new Da...

Ext chart之折线图（Ext.chart.series.Line）: 说到图标，首先想到就是数据源store，你可以写伪代码，也可以通过url来动态获取（包括分页）。下面看我写的一段代码：伪代码： Ext.define('WeatherPoint', { extend: 'Ext.data.Model', ...

ExtJS教程（5）---Ext.data.Model之高级应用: Ext.data.Model的一些高级应用

extjs store ajax同步加载数据: extjs store ajax支持同步加载数据 Ext.define('Ext.ux.data.proxy.Ajax', { extend: 'Ext.data.proxy.Ajax', async:true, doRequest: function(operation, callback, scope) { va...

[Extjs6]浅谈Ext.data.Store的使用.: 定义modelExt.define('Example.model.Contact', { extend: 'Ext.data.Model', fields: ['id', 'name', 'phone', 'email'] });创建store//方式一 var exampleStore = Ext.create('Ext.data.Store',{ model: 'Exam

ExtJs教程----Ext.data.Model的Ajax: 1.定义Model Ext.define('ExtJs5Example.model.Student', { extend: 'Ext.data.Model', alias: 'widget.Student', fields: [ { name: 'StudentID', type: 'string' }, { name: 'Name', t

Extjs4中关于TreeStore加载数据: Extjs4中对使用的TreeStore时，常常摆在眼前的问题是如何加载数据，从加载的方式上来说，可以分为两类：异步加载和全部加载。异步加载异步加载的好处主要是，需要数据的时候才从后台请求，每次加载的数据...

[Extjs6] SimManager创建模拟测试数据: //////////////////////////////////对proxy的url进行解析///////////////////////////////// API.js Ext.define('Admin.proxy.API', { extend: 'Ext.da...

Ext JS - Ext.grid.feature.Grouping 分组表格: 分组表格首先看下 Ext JS 官方文档http://docs-devel.sencha.com/extjs/4.2.2/#!/api/Ext.grid.feature....var store = Ext.create('Ext.data.Store', { storeId:'employeeStore',// Ext.data.StoreManager.loo...

Extjs4获得store的数据: [code="java"]Ext.define('MyExtJS.store.UserStore', { extend : 'Ext.data.Store', model : 'MyExtJS.model.UserModel', autoLoad : true, proxy:{ type:'ajax', url:'system/user!...

[Extjs6] 使用extraParames参数给Ext.data.Store添加额外的参数: 定义store 注意extraParames参数的使用。Ext.define('Test.store.Contacts', { extend: 'Ext.data.Store', model: 'Test.model.Contact', autoLoad: true, pageSize: 35, autoLoad: {start: 0, limit: 35},

使用Ext.grid.column.Action操作表格数据: 6.8.10　使用Ext.grid.column.Action操作表格数据前面已经提到，通过使用Ext.grid.column.Action列类型，可以为表格增加"按钮"列，但用户单击不同按钮时将会激发不同的事件处理函数，比如用户单击"编辑"按钮时，...

Extjs4 Ext.form.Panel loadRecord ajax数据: from组件的loadRecord是比较好使的方法，通过加载grid的行数据，可以直接赋值，这里不再多说...Ext.Ajax.request({ url:'地址', method:'post', params:{ //参数 }, success: function(re, opts) { var resp...

ExtJS 4 在Ext.tab.Panel中使用Ext.ux.IFrame打开url指向的网页: ext-4.2.1.883\examples\ux\IFrame.js ext-4.2.1.883\examples\ux\TabCloseMenu.js 复制到 \Scripts\ext-4.2.1.883\src\ux\ Ext.require('Ext.ux.IFrame'); Ext.define('Web.TabPanel', { extend: 'Ex...

ExtJS ajax request 设置超时时间: 查了一下资料，设置超时时间有好几种情况 ...1，Ext.Ajax.request Ext.Ajax.request 默认超时时间是30秒更改默认值的方式： Ext.Ajax.timeout=90000;//90秒 // 从服务器获取查询结果 var refr

Ext.grid.Panel远程加载数据分页，提供添加删除修改等操作: Ext.grid.Panel远程加载NorthWind中Customers数据，并...Ext.grid.Panel Ajax加载数据添加界面修改界面查看界面 Extjs代码如下： //Ext.grid.Panel动态加载和读取相关Customers信息 Ext.onReady(function () {

Ext JS4百强应用: 用grid.plugin.CellEditing做高级查询 --第10强: Ext JS4,用grid.plugin.CellEditing做高级查询: 写了90%，界面出来了，小兴奋就贴出来，还有细节要调整，基本能用。代码： Ext.define('chenghao.admin.SearchGrid', { extend: 'Ext.grid.Panel', ...

extjs4.2 重写combobox方法，使其下拉一个form: Ext.define('ComboBoxForm',{ extend: 'Ext.form.ComboBox', alias: ['widget.comboboxForm'], from: null, _txtValue: null, editable : false,// 是否编辑 listConfig : {resizable:false,m...

Extjs TreeStore无限制加载数据的问题: Ext.define('myKaiDun.model.sys.MenusModel', { extend : 'Ext.data.TreeModel', fields : [ 'id', 'text', 'leaf', 'url', 'expanded', 'children', 'menu' ] });Ext.create('Ext.data.TreeStore', {

Extjs4的Ext.grid.Panel的行双击事件事件: Extjs 4的Ext.grid.Panel的行双击事件(rowdblclick,itemdblclick) Extjs 4的Ext.grid.Panel的行双击事件使用的是itemdblclick方法。itemdblclick方法的定义如：itemdblclick( this, record, item, index, e, ...

相关热词 c#读取da文件 c#字符串拼接安全 c# 串口数据发送 c# 调硬件计算器的累加c#代码 c#打开bmp文件 c#关闭线程以及子线程 c#界面加载事闪烁 c# xml 特性 c# 获取文件名