ExtJS的renderTo相关问题

[code="java"]<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



Insert title here Ext.onReady(function() { Ext.BLANK_IMAGE_URL = '/ExtDemo/images/s.gif'; var root = new Ext.tree.TreeNode({ id:"root", text:"树的根" }); var c1 = new Ext.tree.TreeNode({ id:"c1", url:"/ExtDemo/demo/table.jsp", //hrefTarget:"_blank", text:"子节点1" }) var c2 = new Ext.tree.TreeNode({ id:"c2", url:"/ExtDemo/demo/tree.jsp", //hrefTarget:"_blank", text:"子节点2" }) root.appendChild(c2); root.appendChild(c1); var tree = new Ext.tree.TreePanel({ [color=red]renderTo:"hello",[/color] root:root, enableDD : true, width:200 }); // tree.on("click",function(node,event) { // Ext.MessageBox.alert("提示","您点击了--"+node.id); // }); tree.on('click', function(node) { //当我点击某个节点的时候会出发这个事件 if (node.attributes.url != null) { //拆分节点的id,判断是否为二级节点 addtab(node.id, node.attributes.url, node.text); //调用上面对应的方法 } }); });




[/code]
我想问下在上面的代码中renderTo:"hello",这里可以用其他的代码代替吗,我不想指定div,也就是不行用renderTo:"hello",和

而直接显示在页面可以么?

6个回答

多学点例子,有时间看看底层实现就明白了,学自己写一些组件,这个对学习ext有很大的帮助。我没怎么看过书,有一本书我翻了几眼觉得写的很好,《深入浅出ExtJS》-----徐会生 康爱媛、何启伟 著。应该会对你学习Ext有所帮助。

1、首先ext的页面渲染到dom节点上你可以自己控制,只要是已存在的节点都可以渲染,也就是说你可以让你的panel使用renderTo方式渲染到任何一个已存在的dom节点上。
2、若你不想使用renderTo,那么你需要为你的panel找到一个父容器,将panel加入到父容器中,让panel显示到父容器所在的区域,其实质也是渲染到父容器所在的dom节点内。
3、你现在要显示你的panel要么你有一个已知的父容器(Ext的Container或其子类的对象)来添加你的panel,要么有一个dom节点来使用renderTo方法。

4、补充,如果这个panel是你Ext架构层的顶级容器的话,那么你肯定是要使用renderTo的。
希望能对你有所帮助。

楼上说的对,
你是一个TreePanel.
如果不想render渲染.就需要有一个父容器.
比如说Viewport
将TreePanel加入到Viewport的items中.

Viewport是一个顶级容器不用渲染,你看看api应该就会用了。

方式1:继续使用加载jsp的方式的话,修改jsp文件,去掉jsp文件中的head、body、html等标签。这样加载回来的东西就可以看做是一个“innnerHtml”语句放到panel的html属性中(不知道这个比喻是否确切,实在难以描述我想表达的意思,总是不要带有body等标签就可以了)。
[code="java"]<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%
response.setHeader("progma","no-cache");
response.setHeader("Cache-Control","no-cache");
%>

Ext.onReady(function() { Ext.BLANK_IMAGE_URL = '/ExtDemo/images/s.gif'; var root = new Ext.tree.TreeNode({ id:"root", text:"树的根" }); var c1 = new Ext.tree.TreeNode({ id:"c1", url:"/ExtDemo/demo/table.jsp", //hrefTarget:"_blank", text:"子节点1" }) var c2 = new Ext.tree.TreeNode({ id:"c2", url:"/ExtDemo/demo/tree.jsp", //hrefTarget:"_blank", text:"子节点2" }) root.appendChild(c2); root.appendChild(c1); var tree = new Ext.tree.TreePanel({ [color=red]renderTo:"hello",[/color] root:root, enableDD : true, width:200 }); // tree.on("click",function(node,event) { // Ext.MessageBox.alert("提示","您点击了--"+node.id); // }); tree.on('click', function(node) { //当我点击某个节点的时候会出发这个事件 if (node.attributes.url != null) { //拆分节点的id,判断是否为二级节点 addtab(node.id, node.attributes.url, node.text); //调用上面对应的方法 } }); });

renderTo:document.body, 8)

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
extjs中的applyto和renderto究竟有什么区别?
applyto是不是淘汰了?????
GridPanel renderTo 问题
有一个页面 引入了一段JS 。rn页面:***.jsprn[code=JScript]rnExt.onReady(function()rnrn)rnrn rn[/code] rnjs:**.jsrn[code=JScript]rnvar grid = new Ext.grid.GridPanel(rn store: store,rn renderTo:'publicDiv', // [color=#FF0000]指向的时候报H IS NULL 这是为什么。。[/color]rn columns: [rn id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company',rn header: "Price", width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price',rn header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change',rn header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange',rn header: "Last Updated", width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'rn ],rn stripeRows: true,rn autoExpandColumn: 'company',rn height:350,rn width:600,rn title:'Array Grid'rn rn );rnrn[/code]rnrn望解答。 谢谢了。。
extjs与C#的相关问题
extjs中有一个grid和一个window窗口rn将grid填充到window窗口中rn怎么样使得无论window窗口的大小如何变化rngrid中个列的数据还可以完全显示,即不会出现滚动条rn请问一下应该怎么样去设置grid或者window中的属性???rnrn 相关的代码:rn<%@ Page Language="C#" AutoEventWireup="true" CodeFile="infoeditgrid.aspx.cs" Inherits="infoeditgrid" %>rnrnrnrnrnrn 学生基本信息管理rn rn rn rn rn rn rn rn rnrnrn rn rn rnrnrn
extjs的menu相关问题
感谢大家关注rn问题是这样的:rn最近开始搞extjsrn在一个GridPanel上加了rn个rn[code=JScript]var contextmenu=new Ext.menu.Menu( rn id:'theContextMenu',rn width:80,rn items:[text:'修改密码',handler:modifypassword,rn text:'重置密码',handler:resetpasswordrn ] rn );[/code]rn来实现密码的修改,重置操作rn我在modifypassword方法里面生成的formpanel中需要把rngridpanel里面的标识信息传过去rn不知道有啥解决方案?rn
ExtJs 相关
1.Ext.Ajax.request Ext.Ajax.request({ url: &quot;url.action&quot;, params: {}, success: function(response){ var result = eval('(' + response.responseText + ')'); if(result.succ...
extjs相关
extjs相关
有谁知道extjs控件是否已经被renderTo???
比如下面一段代码,已经renderTo了一个叫cmb的层。rn var GetMenuId=function(value)rn rn Ext.reg('treecombo', Ext.ux.LovTreeCombo);rn var lovTreeCombo2 = new Ext.ux.LovTreeCombo(rn renderTo: 'cmb',rn url: 'getPower.aspx?PowerId='+rowId,rn emptyText: '选择权限',rn width: 200,rn listWidth: 180rn );rn rnrn我在别的地方调用他,一个窗体里调用,但每次调用,他都会renderTo一个出来,打开10次这个窗体,他就会出现10个renderTo的combobox Tree,我的意思是如果发现他renderTo过了以后,就不要再renderTo了,用什么方法判断? rn
ext中的renderTo 用法
ext中的renderTo : 'user'是什么意思,后面的“user”属性代表什么?
extjs相关教程合集
学习 extjs的资料,包括: Ext Core手册.pdf EXT2.0中文教程.pdf extjs实用开发指南.pdf EXT_中文手册.pdf
ExtJS相关链接
在 ExtJS 中使用 Font Awesome
extjs 相关PPT
NULL 博文链接:https://literary-fly.iteye.com/blog/924446
extJS的相关学习资料
extJS的相关学习资料 里面详细讲解了如何学习extJs 适合基础人员使用
Extjs相关插件
Extjs相关插件
Extjs相关学习资料
Extjs相关学习资料Extjs相关学习资料Extjs相关学习资料Extjs相关学习资料Extjs相关学习资料
Extjs与js相关的方法
1.注册事件 a.listeners listeners:{ [code=&quot;java&quot;]click: function() {//方法 this.doReset();//方法体 } }[/code] b.on Ext.on(事件类型,方法,参数(可选)); c.handler 执行控制的默认事件 2.Ext中获取html Ext.get(i...
ExtJS相关资源中文化
http://www.ajaxjs.com/docs/
[Ext2.x相关] ExtJs完全版
1. 闪烁吧!看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 1.2. 看看ext-1.1.1的文档 1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看helloworld。 1.7.1. 直接使用下载的发布包 1.7.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. 上边那个是1.x的,2.0稍微有些不同哦 2.4. 按顺序,咱们先要把常见功能讲到,让grid支持按列排序 2.5. 让单元格里显示红色的字,图片,按钮,你还能想到什么? 2.6. 更进一步,自动行号和多选checkbox 2.6.1. 自动行号 2.6.2. 全选checkbox的时间了,请允许我让2.0先上场。 2.6.3. 1.x时代的全选checkbox。 2.7. 分页了吗?分页了吗?如果还没分就看这里吧。 2.7.1. 表面工作,先把分页工具条弄出来。 2.7.2. 2.0赐予我们更大的灵活性 2.7.3. 迫不得已,要加上后台脚本了。 2.7.4. 其实分页不一定要踩在脚下,也可以顶在头上。 2.8. 可编辑表格,改变大小,表格间拖拽,树与表格间拖拽。 3. 歌颂吧!只为了树也要学ext。 3.1. 真的,我是为了树,才开始学ext的。 3.2. 传统是先做出一棵树来。 3.3. 超越一个根 3.4. 你不会认为2.0里跟1.x是一样的吧? 3.5. 这种装配树节点的形式,真是让人头大。 3.6. jsp的例子是一定要有的 3.7. 让你知道树都可以做些什么 3.7.1. 检阅树形的事件 3.7.2. 右键菜单并非单纯的事件 3.7.3. 默认图标好单调,改一下撒 3.7.4. 小小提示 3.8. 灰壳显灵!让我直接修改树节点的名称吧! 3.9. 我拖,我拖,我拖拖拖。 3.10. 更深一步,整合起来的是完整树形操作。
初涉EXTJS--- 关于renderto一个问题
刚开始用extjs 发现很不错,rnrn遇到个问题rnrn[code=javascript] rn var win = Ext.create('widget.window', rn height: 100,rn width: 100,rn x:x,rn y: y,rn title: strspot[a],rn renderTo: 'Div1',rn plain:true,rn )rn win.show();rn[/code]rnrn我多次循环这段代码 按理说window应该会都在 Div1 这个标签里面rnrn可以我这会出现这种情况 当超出我这个Div1 的时候 感觉会撑破的感觉 没滚动条 rn[img=https://img-bbs.csdn.net/upload/201306/07/1370573304_921567.png][/img]
请教extjs的editgridpanel的保存相关的问题
比如editgridpanel中的某一列的单元格中的form控件(比如文本域textfield)进行编辑,然后鼠标点击控件外面的位置也就是失去焦点,此时单元格左上角会出现红色箭头表明是修改过的,然后再点击保存按钮发送ajax请求将修改过的纪录保存到数据库中,这样可以正常保存,如果对某一单元格的文本框进行编辑后焦点不离开(也就是还处在编辑状态)然后直接点击保存按钮就会出现保存不正常的现象(新编辑的值没保存上数据库里还是原来的值,但是表格里显示的是新编辑的值左上角还带子红色箭头,并且不能进入编辑了),看起来好像是表格里记录还没来得及更新就先执行保存操作了而后出现了异常,这个有什么合适的解决方法吗?
[Extjs]TreeGrid相关问题....在线等....
例子是模仿Extjs5.0官网上的。。rn问题是,2级组织图跟1级组织图一样。。。而且3级也一样。。。一直重复加载。。。rn[img=https://img-bbs.csdn.net/upload/201407/14/1405344618_924230.png][/img]rnrn数据是rn"data":[rn"name":"部门1","Id":"1","leaf":false,rn"children":["name":"部门11","Id":"3","leaf":false,rn"children":["name":"部门111","Id":"5","leaf":true,"children":[]],rn"name":"部门21","Id":"4","leaf":false,"children":[]],rn"name":"部门2","Id":"2","leaf":false,"children":[],rn"name":"部门3","Id":"6","leaf":false,"children":[]]rnrnrn哪位大侠,帮忙看看。!!
EXTJS的相关问题,大家帮帮忙啊
rn text:'选择专家评审',rn iconCls:'Useralert',rn handler:function()rn var grid = Ext.getCmp('admin_project_option_gird');rn var r = grid.getJsonArr();rn if(r.length<1)rn alert('未选中任何项目!');rn return;rn ;rn var type=r[0].data.study_type_name;rn for(var i=0;i请稍等......");rn Ext.Ajax.request(rn url:'/expert/set/',rn method:"post",rn params:rn ids:idArr.join(),rn expert_ids:expert_ids.join()rn ,rn success:function () rn unmask();rn win.close();rn grid.getStore().load();rn alert('设置成功!等待专家评审');rnrn ,rn failure:function (form, action) rn unmask();rn win.close();rn if ('result' in action) rn if ('msg' in action.result) rn error(action.result.msg);rn rn rn else rn error('发生异常!');rn rn rn );rn rn ]rn );rn win.show(this);rn rn rnrnrngetIdArr,getJsonArr方法是这样定义的:rngetIdArr:function () rn var record = Main.CurrentGrid().getSelectionModel().getSelections();rn var ids = [];rn if (!record||0==record.length) rn alert('没有选中任数据!');rn return ids;rn rn rn Ext.each(record, function (item) rn ids.push(item.data.pk);rn );rn return ids;rn ,rn getJsonArr:function()rn return Main.CurrentGrid().getSelectionModel().getSelections();rn ,rnrn我想知道,新建的Window窗口里面获得的expert_ids为什么与原窗口获得的ids是一样的?
dojochina extjs 视频教程相关源代码
dojochina、extjs、视频教程相关源代码、陈志文、
ext-2.2.rar extjs的相关及Ext2.2API中文版
extjs的相关包及Ext2.2API中文版 不错的学习材料,大家可以下载看看
Extjs 相关属性设置 集合(部分)
网上搜集到的一些Extjs属性设置相关和部分实例
求 ExtJs Css 相关解释
Ext JS 中 Panel 有 如下属性rnbaseClsrnbodyCssClassrnclsrnctClsrnrn请问 有什么区别?如果要修改Panel 的 标题栏的样式 应该怎么改? 注意页面中有很多Panel 我只要修改部分Panel的标题栏样式
ExtJs LoadMask相关的遮罩效果
Ext.onReady(function() { var a = Ext.MessageBox.wait('content', 'title'); (function() { a.hide() }).defer(3000); //隐藏延迟,可简化为 a.hide.defer(3000,a); var mask = n...
highchart如何动态设置renderTo的值
在用highchart控件时,希望能动态设置renderTo的值。rnrnhighchart的声明代码如下:rn[code=JScript]rn $(function () rn $(document).ready(function () rn colors = Highcharts.getOptions().colors,rn categories = [];rn name = 'Browser brands',rn data = [];rnrn chart = new Highcharts.Chart(rn chart: rn renderTo: 'container',rn type: 'column'rn ,rn title: rn text: 'Browser market share, April, 2011'rn ,rn subtitle: rn text: 'Click the columns to view versions. Click again to view brands.'rn ,rn xAxis: rn categories: categories,rn labels: rn style: rn fontSize: '13px',rn fontFamily: 'Verdana, sans-serif'rn rn rn ,rn yAxis: rn title: rn text: 'Total percent market share'rn rn ,rn plotOptions: rn column: rn cursor: 'pointer'rn rn ,rn tooptip: rn formatter: function () rn return '' + this.x + "%%" + this.y + "";rn rn ,rn series: []rn );rn );rn );rn[/code]rnrnrn在页面上,存在两个div,id分别是container和arnrnrn需求如下:有可能在container中显示图形,有可能在a中显示图形。。。rnrnrnrn不知道怎么动态设置renderTo值。。。。。rnrnrn
jquery renderTo属性实现图片放大镜
jquery renderTo属性实现图片放大镜
extjs 问题
初看extjs,在布局时候很头大,我想在一个大panel中放两个panel,左边的是TreePanel,右边是panel。rnrnrn用extjs 4.0 请问如何实现? panel能展示一个页面吗?
Extjs问题
IE浏览器运行网页,报错:b is undefined ext-all.js(第7行)rn请问这是什么问题?如何解决?
extjs问题
各位大虾,急救,请问一下为什么extjs页面单独弄出来就有用,放在项目中就出现问题,这是为什么呢
extjs的问题……
[code=PHP]rn//评级rn createForm:function()rn var formPanel=new Ext.form.FormPanel(rn frame:true,rn labelWidth:70,rn labelSeparator:':',rn labelAlign:'right',rn layout:'column',rn items:[rn rn layout: 'form',rn items: [new Ext.form.Radio(boxLabel:'优 ',inputValue:1,id:'grade',name:'grade',checked:true)]rn ,rn items: [new Ext.form.Radio(boxLabel:'良 ',inputValue:2,id:'grade',name:'grade')],rn items: [new Ext.form.Radio(boxLabel:'差 ',inputValue:3,id:'grade',name:'grade')],rn ],rn rn buttons:[text:"保存",rn handler:this.save,rn scope:this,rn text:"关闭",rn handler:this.closeWin,rn scope:thisrn ]rn rn ); rn rn return formPanel;rn ,rn save:function()rn rn rn if(this.grid.selModel)rn rn var store=this.store;rn var quaUrl=this.quaUrl;rn var records = this.grid.selModel.getSelections();//得到被选择的行的数组rn var recordsLen = records.length;//得到行数组的长度rn var id = '';rn for(var i=0;i
Extjs的问题
为什么只显示下面body的内容rn[code=JSP]<%@ page language="java" contentType="text/html; charset=utf-8"rn pageEncoding="utf-8"%>rnrnrnrn rn 55rn rn rn rn rn rn rn rnrnrn 顶部rn 底部rnrn[/code]
EXTjs问题
使用EXTJS 3.X版本rnrn碰到个问题rnrnrnTABPANEL里假设有A,B两个选项卡rnrnA里有个GRIDPANELrnrnB里有个BUTTONrnrn单击BUTTON,怎么刷新A中的GRIDPANEL的STORE.rnrn请指教,谢谢!
ExtJS的问题!
rn xtype: "radiogroup",rn fieldLabel: "性别",rn items: [rn rn boxLabel: "男",rn id: "man"rn ,rn rn boxLabel: "女",rn id: "woman"rn rn ]rnrnrnExt.getCmp("man").checked = true;rn为什么通过上一句没有使得“男”的单选按钮选中呢?
Extjs 问题?
[code=JScript]
extjs 问题。
俺是新手。rn问一个ext绑定数据问题。表单很复杂,想手工绑定。rnrnrn现在的问题是,怎么获得form中的rnrn "fieldLabel": "账号",rn allowBlank : false,rn blankText : '账号不能为空',rn name:'txtSkr_Account',rn rnrnrnrn例如:我怎么通过name txtSkr_Account,去获得这个元素,然后给它赋值?
EXTjs的问题
现在页面是EXTJS做的,左边是个树形菜单,rn想要实现:rn点左边树形菜单下的节点,在右边出现不同的界面rnEXTJS如何实现呢?
ExtJS问题
[code="js"]rnbuttons: [rn text: "保存信息",rn minWidth: 70,rn handler: function() rn if (AddWorkLogForm.getForm().isValid()) rn //弹出效果/* rn Ext.MessageBox.show(rn msg: '正在保存,请稍等...',rn progressText: 'Saving...',rn width: 300,rn wait: true,rn waitConfig: rn interval: 200rn ,rn icon: 'download',rn animEl: 'saving'rn );rn setTimeout(function() ,rn 1000);rn AddWorkLogForm.form.submit(rn url: "URL/WorkLogInfo/AddWorkLogInfo.aspx?",rn method: "POST",rn success: function(form, action) rn //成功后var flag=action.result.success;rn if (flag == "true") rn Ext.MessageBox.alert("恭喜", "成功");rn WorkLogStore.reload();rn AddWorkLogWin.hide();rn rn ,rn failure: function(form, action) rn Ext.MessageBox.alert("提示!", "失败!");rn rn );rn rn rn,rnrn text: "重置",rn minWidth: 70,rn qtip: "重置数据",rn handler: function() rn AddWorkLogForm.getForm().reset();rn rn,rnrn text: "取 消",rn minWidth: 70,rn handler: function() rn AddWorkLogWin.hide();rn rn]rn[/code]rnrn后台rn[code="c#"]rnpublic partial class URL_WorkLogInfo_AddWorkLogInfo: System.Web.UI.Page rn WorkLogBLL bll = new WorkLogBLL();rn protected void Page_Load(object sender, EventArgs e) rn AddWorkLogInfo();rn rn public void AddWorkLogInfo() rn string Content = Request.Form["Content"];rn if (userid != null && Content != null) rn WorkLogBean worklog = new WorkLogBean();rn worklog.Content = Content;rn worklog.LogType = 1;rn worklog.DateTime = System.DateTime.Now;rn worklog.UserID = userid;rn int count = bll.AddWorkLog(worklog);rn if (count > 0) rn Response.Write("success:'true'");rn rn else rn Response.Write("success:'false'");rn rn rn else rn Response.Write("success:'false'");rn rn rnrn[/code]rnrn调试说 url找不到后台资源 是怎么回事
Extjs 的问题
有Ext.ux.plugins.GroupHeaderGrid表头的grid 能不能实现LockingGrid的效果? 怎样实现?
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法