- 浏览: 596297 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (268)
- ext基础 (72)
- Java基础 (68)
- jquery (14)
- oracle (21)
- sqlserver (7)
- linux (2)
- webserver (1)
- C/C++ (1)
- sql (9)
- IDE (2)
- java 智能卡 (1)
- mysql (6)
- ibatis (2)
- struts2 (3)
- cvs (1)
- 服务器 (1)
- html (11)
- freemarker (4)
- liferay (2)
- jMS (1)
- iphone (1)
- c# (1)
- Android (11)
- wince (6)
- javascript (4)
- ps (1)
- hibernate (1)
- 其他 (3)
最新评论
-
ilyq:
请问,px.gif 在哪里
斜线表头 -
jisang:
没看懂,第一个org.js和最后的js什么关系,可否发我一份完 ...
用ExtJS 实现动态载入树(Load tree) -
JavaStudyEye:
我去,能否搞个正确点的,,,
<#list ...
freemarker 遍历map 对象 -
PangSir:
大爱,简直是大爱!!困扰这么久以来的问题,虽然知道是CSS的问 ...
ExtJs checkbox radiobox 问题 汇总 -
skynet_java:
有demo嘛!邮箱:think_world@foxmail.c ...
消息推送服务需求 - 服务器开发、客户端开发
我想在工具栏中动态添加按钮,至于添加什么按钮,则从后台数据库中读取信息。
//以下是工具栏按钮测试代码,生成JSON
以上代码,arrays可以成功读取后台数据,但工具栏并不能显示出相应按钮。也就是说Ext.apply(this, o)并不成功!
事实上,Ajax是异步调用后台数据的,toolbar = new ToolBar()先运行了,但并没有同时立即运行读取后台数据的代码,而是滞后的。后来再运行Ext.apply(this, o)肯定不成功的。
我把代码改成以下所示:
//以下是工具栏按钮测试代码,生成JSON
string json = "[{'id': '1','text':'测试1'},{'id':'2','text':'测试2'},{'id':'4','text':'测试3'}]"; json = "{'totalProperty':'3','result':" + json + "}"; our.(json);
ToolBar = function() { 2 3 Ext.Ajax.request({ 4 url: 'rolegroup.aspx', 5 params: '', 6 method: 'POST', 7 success: function(response, options) { 8 //alert('success'); 9 var rsp = Ext.util.JSON.decode(response.responseText); 10 var total = rsp.totalProperty; 11 //alert(total); 12 //alert(rsp.result[0].text); 13 var arrays = new Array(total); 14 for (var i = 0; i < total; i++) { 15 //arrays[i] = new Ext.Toolbar.Button({ text: rsp.result[i].text, iconCls: 'icon-home' }); 16 arrays[i] = { text: rsp.result[i].text, iconCls: 'icon-home' }; 17 if (i == (total - 1)) 18 arr += '{text:' + rsp.result[i].text + '}' 19 else 20 arr += '{text:' + rsp.result[i].text + '},'; 21 } 22 arr = '{[' + arr + ']}'; 23 alert(arr); 24 //alert(arrays.length); 25 //alert(arrays[1]['text'] + ',' + arrays[1]['iconCls']); 26 var o = { items: arrays }; 27 //Ext.apply(this, A, o); //不成功? 28 Ext.apply(this, o); 29 }, 30 failure: function() { 31 Ext.Msg.alert("提示信息", "按钮加载失败,请稍后重试!"); 32 } 33 }); 34 35 ToolBar.superclass.constructor.call(this, { 36 id: 'tool_bar', 37 cls: 'top-toolbar', 38 }) 39 }; 40 41 Ext.extend(ToolBar, Ext.Toolbar); 42 43 //在后台创建toolbar = new ToolBar();
以上代码,arrays可以成功读取后台数据,但工具栏并不能显示出相应按钮。也就是说Ext.apply(this, o)并不成功!
事实上,Ajax是异步调用后台数据的,toolbar = new ToolBar()先运行了,但并没有同时立即运行读取后台数据的代码,而是滞后的。后来再运行Ext.apply(this, o)肯定不成功的。
我把代码改成以下所示:
SetToolButtons = function(tbr) { 2 Ext.Ajax.request({ 3 url: 'rolegroup.aspx', 4 params: '', 5 method: 'POST', 6 success: function(response, options) { 7 var rsp = Ext.util.JSON.decode(response.responseText); 8 var total = rsp.totalProperty; 9 var arrays = new Array(total); 10 for (var i = 0; i < total; i++) { 11 arrays[i] = new Ext.Toolbar.Button({ text: rsp.result[i].text, iconCls: 'icon-home' }); 12 } 13 tbr.add(arrays); 14 tbr.addFill(); 15 tbr.addButton( 16 { 17 text: '我的桌面', 18 iconCls: 'icon-desktop', 19 scope: this 20 }); 21 tbr.addSeparator(); 22 tbr.addButton([ 23 { 24 text: '重新登录', 25 iconCls: 'icon-user' 26 }, 27 { 28 text: '退出系统', 29 iconCls: 'icon-exit' 30 }]); 31 }, 32 failure: function() { 33 Ext.Msg.alert("提示信息", "按钮加载失败,请稍后重试!"); 34 } 35 }); 36 }; 37 38 Ext.onReady(function() { 39 Ext.QuickTips.init(); 40 var toolbar = new Ext.Toolbar({ 41 id: 'tool_bar', 42 cls: 'top-toolbar' 43 }); 44 SetToolButtons(toolbar); 45 } 46
发表评论
-
将博客搬至CSDN
2023-02-06 16:57 350https://www.iteye.com/blog/user ... -
Liferay Portal 应用之开发(1)
2012-02-27 14:09 18111.下载安装Eclipse Eclipse ... -
liferay Portal (1) 应用之配置
2012-02-27 13:59 1323Liferay Portal缺省只有一 ... -
ext form
2011-05-18 15:25 1032//grid1定义的grid var record = gr ... -
combox
2011-04-27 10:55 16071.服务器数据作为ComboBox的数据源 实例 首先从服务 ... -
ext grid 单元格
2010-12-29 11:17 1061listeners : { cellcli ... -
combox 默认值
2010-12-20 10:35 3033[ {"abbr":&quo ... -
Ext.DateField 格式
2010-12-17 10:11 1476Ext.DatePicker,该类为我们提供了一个占地面积很广 ... -
extjs的grid控件如何根据值来设置某行的背景颜色
2010-12-17 09:40 8116根据不同的值来设置grid的背景颜色 在viewConfig ... -
动态组件
2010-12-16 17:05 1067Ext.onReady(function() { ... -
js 获取路径
2010-12-13 19:02 1417<br>以下为输出: <br> ... -
矫正对象 信息登记
2010-12-08 14:10 982矫正对象登记 { frame : true ... -
转 ext Demo
2010-12-05 13:17 1501下面这个是主界面的设计 Ext.onReady(funct ... -
下拉框 控制 列是否可读
2010-11-12 08:33 1131Ext EditorGrid单元格控制小记 http://d ... -
extjs formpanel 怎么显示图片
2010-10-02 10:13 3601//可加普通的panel,html属性直接添加html代码 ... -
动态 改变 column样式
2010-09-30 16:35 1197grid.getView().getCell(rowNum , ... -
js 应用
2010-09-29 14:38 1045JS里 面的new Date("xxxx/xx/xx ... -
grid 表头 鼠标事件
2010-09-24 16:04 1943grid.addListener("cellclic ... -
格式化
2010-08-26 00:32 1460//创建edgrid.js Ext.onReady(func ... -
ext (增 ,删,改 ,查,导出excel)
2010-08-26 00:03 1884下面为扩张grid的 代码 ...
相关推荐
在本文档中,我们将探讨如何动态地从后台数据库读取信息来创建和添加这些按钮到ExtJS的工具栏中。这是一项实用的技术,能够根据用户的权限或者特定的业务场景动态调整用户界面。 首先,我们需要理解ExtJS中的工具栏...
接着,可以使用`add()`方法向工具栏添加按钮。例如,以下代码创建了一个包含四个按钮的工具栏: ```javascript Ext.onReady(function(){ var tb = new Ext.Toolbar(); tb.render('toolbar'); tb.add({ text: ...
本文将深入探讨如何在ExtJS的`resultGrids`中动态添加按钮,并结合`SuserInfoRes_js.jsp`文件名称推测可能的实现方法。 动态添加按钮在很多情况下非常有用,比如在表格数据加载后根据特定条件显示或隐藏操作按钮,...
在“Extjs和后台数据库交互的程序,增删改查”项目中,我们将探讨如何利用ExtJS与后台数据库进行数据的添加、删除、修改和查询操作。 1. **ExtJS的数据模型(Model)** 在ExtJS中,数据模型定义了对象的结构,包括...
在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉...
在本文中,我们将深入探讨如何使用ExtJS框架在前端动态生成表格,并结合后端数据进行展示。ExtJS是一个强大的JavaScript库,专用于构建富客户端Web应用程序,尤其在创建交互式用户界面方面表现突出。动态生成表格是...
在 ExtJS 4.2 中实现动态生成 Toolbar,以满足 gridPanel 中动态生成带按钮及查询条件的工具栏的需求。本文将详细介绍如何实现动态生成 Toolbar,包括视图层、 Toolbar.js 和后台调用创建工具栏的方法。 视图层 在...
在ExtJS中,与后台数据库进行交互通常涉及到Ajax技术、JSON格式数据以及服务器端的数据处理。 1. **Ajax技术**:Ajax(Asynchronous JavaScript and XML)允许在不刷新整个页面的情况下与服务器进行数据交换。在...
在EXTJS框架中,超级工具栏(Super Toolbar)是一种高度可定制的组件,它允许开发者在页面顶部创建一排或多排功能丰富的按钮、下拉菜单和分隔符,以实现各种用户交互操作。这些工具栏通常包含图标,使得用户能够快速...
**ExtJS动态树与数据库交互详解** 在Web开发中,数据可视化是不可或缺的一部分,而树形结构作为一种层次清晰、组织有序的数据展现方式,被广泛应用于菜单系统、文件目录、组织架构等场景。ExtJS,一个强大的...
Extjs checkboxgrop动态获取后台数据,并默认为全选状态
在ExtJS中,上方的动态导航栏(通常称为Header或Toolbar)是一种常见的组件,用于展示应用的菜单、按钮、下拉框等交互元素,用户可以根据需求动态加载和更新。本篇文章将深入探讨如何在ExtJS中创建并实现上方动态...
ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用。它提供了一整套组件、工具和API,使开发者能够创建功能丰富的、交互性强的用户界面。在与数据库进行交互时,ExtJS 通常结合服务器端的技术,如PHP、...
在这个"extjs动态表格实例"中,我们将探讨如何使用ExtJS封装Grid并从Struts2框架的后台获取数据。 首先,让我们了解ExtJS中的Grid组件。Grid是ExtJS的一个关键组件,它用于展示结构化数据,并支持多种操作,如排序...
1.ExtJS自定义组件,图片按钮为例. 2.此图片按钮背景完全为图片,没有边框,需要使用者提供2张图片,一张初始化用,一张点击后用,可在'imgPaths:'属性里填写,格式为'01.jpg~02.jpg' 3.解压后请将所有附件放置您extjs...
总结,EXTJS的按钮、菜单和工具栏提供了丰富的功能,包括快捷方式、图标按钮、操作函数、菜单交互以及表单字段等,它们是构建动态、交互性强的Web应用程序的重要组成部分。通过灵活配置和自定义,开发者可以创建出...
- Grid的顶部通常包含一个工具栏,可以动态添加按钮或其他UI元素,提供搜索、排序或过滤等功能。这些功能可以通过`dockedItems`配置项实现。 6. **Autogrid.js可能的用途** - 文件名"Autogrid.js"暗示可能是一个...
使用java,extjs,配合后台oracle数据库的代码框架,这段代码是extjs的grid的一个详细案例使用java,extjs,配合后台oracle数据库的代码框架,这段代码是extjs的grid的一个详细案例使用java,extjs,配合后台oracle...
ASP后台"这个主题中,我们将深入探讨如何使用ExtJS实现前端用户登录界面,并结合ASP(Active Server Pages)作为后台处理登录逻辑。 首先,让我们了解一下ExtJS中的用户登录界面构建。通常,登录界面会包含用户名和...