在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
uigrid的高度只能写死吗？ 是可以通过设置改还是css改， 每个grid的class名字都是随机生成的，只有一部分css可以操作，希望grid的高度可以根据数据的变化而变化应该怎么做呢？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
github API有
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：为什么我添加的div宽度都被JS给自动调整成一样的了？【javascript吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：152,321贴子：
为什么我添加的div宽度都被JS给自动调整成一样的了？收藏
我在自己小站的页面里面用了JS的瀑布流效果（JS的代码是我从网上找的）。里面每一个pin都是叫grid_leavemessage或者grid_picture或者grid_xxxxxx这样的div。所有的这些div都放置在同一个叫container的div里面，但是我现在出现一个需求，就是希望放一个grid_xxx在“给小站主人留言”的右边，并且占满一行的宽度。可是我无论设置多少的宽度都没用。现在的效果如下图请吧中各路高手指教啊。。。。小站地址是:大侠们可以到我的小站里面去看具体的JS脚本。。。急！！！
javascript?-华为软件开发云CloudIDE免费公测,为开发者提供一站式开发环境 .轻量,快速,智能的云化WebIDE平台,提升研发效率,立即体验!
楼主怎么把源码发网上的呢 求教
登录百度帐号推荐应用温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
在这里是面向程序员的高品质IT技术学习社区,是程序员学习成长的地方。让我们更好地用技术改变世界。请关注新浪微博号： IT国子监（/itguozijian）
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
有三种方法解决此问题：&第一种是：& & &设置grid自适应宽度，首先要清楚grid放在什么容器中，设置该容器的layout:fit就行了。比如页面上如果只放置一个grid，一般改成用 Viewport，再在Viewport中包含grid就能解决问题了。{region:'center',layout:'fit',items:grid}&第二种是：& & &div: &&Js代码&&div&id="divID"&style="width:100%"&&/div&&&&&&&&&&&var&width&=&Ext.get("divID").getWidth();&&&&&&&&&&&alert(width);//&此时宽度为div的数字宽度。如1265&&&&&&&&&&&//&赋值到grid上相当于&&&&&&&&new&Ext.grid.GridPanel({&&&&&&&&&&&width:&1265....&&&&&&&}); &第三种是：& &在GridPanel里加上 bodyStyle:'width:100%',&例子：Js代码Js代码&&pre&class="js"&name="code"&&&&&var&grid&=&new&Ext.grid.GridPanel({&&&&&&&&&&&&&&&&//autoWidth:true,&&&&&&&&&&&&&&&&border:false,&&&&&&&&&&&&&&&&width:&Ext.get('center_context_desktop').getWidth(),&&&&&&&&&&&&&&&&&ds:&new&Ext.data.Store({&&&&&&&&&&&&&&&&&&&&reader:&new&Ext.data.ArrayReader({},&[&&&&&&&&&&&&&&&&&&&&&&&{name:&'company'},&&&&&&&&&&&&&&&&&&&&&&{name:&'price',&type:&'float'},&&&&&&&&&&&&&&&&&&&&&&&{name:&'change',&type:&'float'},&&&&&&&&&&&&&&&&&&&&&&{name:&'pctChange',&type:&'float'},&&&&&&&&&&&&&&&&&&&&&&{name:&'lastChange',&type:&'date',&dateFormat:&'n/j&h:ia'}&&&&&&&&&&&&&&&&&&&]),&&&&&&&&&&&&&&&&&&&data:&Ext.grid.dummyData&&&&&&&&&&&&&&&}),&&&&&&&&&&&&&&&cm:&new&Ext.grid.ColumnModel([&&&&&&&&&&&&&&&&&&&new&Ext.grid.RowNumberer(),&&&&&&&&&&&&&&&&&&&{id:'company',header:&"Company",&width:&120,&sortable:&true,&dataIndex:&'company'},&&&&&&&&&&&&&&&&&&&{header:&"Price",&width:&70,&sortable:&true,&renderer:&Ext.util.Format.usMoney,&dataIndex:&'price'},&&&&&&&&&&&&&&&&&&&{header:&"Change",&width:&70,&sortable:&true,&dataIndex:&'change'},&&&&&&&&&&&&&&&&&&&{header:&"%&Change",&width:&70,&sortable:&true,&dataIndex:&'pctChange'},&&&&&&&&&&&&&&&&&&&{header:&"Last&Updated",&width:&95,&sortable:&true,&renderer:&Ext.util.Format.dateRenderer('m/d/Y'),&dataIndex:&'lastChange'}&&&&&&&&&&&&&&&]),&&&&&&&&&&&&&&&&&&&&&&viewConfig:&{&&&&&&&&&&&&&&&&&&&forceFit:true&&&&&&&&&&&&&&&},&&&&&&&&&&&&&&&autoExpandColumn:'company'&&&&&&&&&&&});&&&&&&&//autoWidth:true,&&&&&&&这一行一定要隐藏,在ie7和ff下试了,是没有问题的.&&&&&&&同时还有bodyStyle:'width:100%',这个也试成功了&&/pre&&&& &(记得关注噢)&
阅读(3666)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'Extjs Grid表格的自动宽度及高度的实现(适应不同显示器的方法)',
blogAbstract:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}收益非浅,thx,以后常来你这里踩踩&&&&
&re: 实现Ext Grid宽高自适应
bodyStyle:'width:100%;',
用这个搞定&&&&
&re: 实现Ext Grid宽高自适应
你的自适应好像只有memory这列去填充，当列比较多的时候，该怎么办，有没有更好一点的办法啊？&&&&我想将一个grid嵌入到一个jsp页面的div里，怎么让他的高宽自动铺满空位 - ITeye问答
我不想用固定的高宽度，向让他随分辨率不同自动适应，
可以做吗？
问题补充：height：auto 变的很矮，下面还有好大空间
问题补充：谢谢各位，但目前是height设置成auto高度就很小
宽度我也只能设置成固定值
js算高宽度的化比较麻烦，打算做最坏打算实现不出的时候再做
问题补充：renderTo : 'viewPlan',
viewPlan是个div
我能这样写吗？
width:'viewPlan.width',
height: 'viewPlan.height',
问题补充：7454103 写道引用宽度我也只能设置成固定值
js算高宽度的化比较麻烦，打算做最坏打算实现不出的时候再做
恩& 支持下！ 浏览器的变换无常！ 实在不行 咱就出绝招 js 控制！&&
js有时候会出问题，不喜欢用，最坏最坏打算。。。。
问题补充：如果像图片中一样，在left和正文body之间有这么一个东西，点击以后left隐藏，body铺满，panel能自动适应吗?
问题补充：
问题补充：非常感谢各位，特别是7454103和cuiran两位，
我自己再试试，耽误大家时间了，谢谢！
问题补充：因为我一天只能问一个问题，
再问各位一个问题
我在拼json串的时候如果有特殊字符怎么办，比如单引号，回车，中括号，冒号什么的，这样子直接拼在json串里会出问题吧，怎么处理一下呢
问题补充：因为我一天只能问一个问题，
再问各位一个问题
我在拼json串的时候如果有特殊字符怎么办，比如单引号，回车，中括号，冒号什么的，这样子直接拼在json串里会出问题吧，怎么处理一下呢
采纳的答案
在转成json之前，先把你要用的数据编码一下，
你看你转的是url还是参数，
如果是url就用encodeURI
如果是参数就用encodeURIComponent
js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent
1、&& 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。
2、&& 进行url跳转时可以整体使用encodeURI
例如：Location.href=encodeURI("/do/s?word=百度&ct=21");
3、&& js使用数据时可以使用escape
例如：搜藏中history纪录。
4、&& escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。
如何编码，以及以上几个方法的区别具体可参考
单引号，回车，中括号，冒号什么的
特殊的字符 再前面加 '\'
如果设置了固定的值 可能不会 自动撑开！
设置 百分比 应该是可以的！ 试试嘛！ 我们说的太多 反而乱！
实践出真实！
我觉得LZ你应该先试了，思考了再来提问，毕竟你对你自己的需求最了解，JE上的人帮你提供点子与方法，也是花了许多的时间。但是还是需要你自己多试验多思考。祝你尽快能解决此问题。
给你发一个很有用的，对于你理解HTML中DOM宽高结构很有帮助的东东
具体可参考/assassionman/blog/item/2b91172e49aed35c4fc22687.html
希望对你以后的开发也有帮助。这个我是当时做定位应用中研究时找到的。分享给你好了。
我刚才特意把美工叫来问过这个问题了，他不清楚这个组件是不是象iframe一样，如果是iframe类似的，就要把这个iframe的宽高得到，然后赋值。如果不是的话，完全可以不用设置高度。
js在设置这个div的宽高时，要注意grid的css样式中有没有border magin padding之类的，如果有的话，都是需要考虑的，不单单是grid的width和height.
因为我做过类似的，完全是用js控制div的大小，位置。
如果是在css& style 里是不行的：
引用width:'viewPlan.width',
height: 'viewPlan.height',
js 是可以的！ 不过也挑浏览器的！
引用宽度我也只能设置成固定值
js算高宽度的化比较麻烦，打算做最坏打算实现不出的时候再做
恩& 支持下！ 浏览器的变换无常！ 实在不行 咱就出绝招 js 控制！&&
我刚才看了一下我们美工切的页面，一般对于这样的可以不设置高度，只限宽度就ok。你再试下，看什么情况吧
那你就试试 js 判断 高度然后赋值
和那个iframe 自适应高度原理一样！网上这样的js很多的！
height:auto就可以满足自动占据合适的高度。
为了让这个div与别的div有一定的间隔，可以再加上：
padding:5px
最好不要用margin 因为在IE6里面是double值的，有一定的偏差。
一般情况下 不设置高度就可以了！
或者
height：auto
或者自己写个 js 判断 高度然后赋值？
如果外面那个 DIV 这么设置的话& 里面的 gird 高度可以设置成 100%
已解决问题
未解决问题}