dojox的DataGrid在TitlePanel中宽度无法自动调整有关问题的解决方法

dojox的DataGrid在TitlePanel中宽度无法自动调整问题的解决办法

     当浏览器的尺寸发生变化时,dijit或者dojox的widgt一般都能自动适应窗口尺寸的变化。但是最近,我在dijit的TitlePanel中包含了一个dojox的DataGrid,当浏览器窗口发生变化后,TitlePanel能自动改变尺寸,但是DataGrid不行。这个问题的dojo版本是1.6

     奇怪的是,如果我把DataGrid移除TitlePanel,放在TitlePanel的外部,那么2者皆可根据浏览器的尺寸变化自动调整宽度。通过使用firebug的调试功能侦测画面元素后发现,2种不同做法差别在于,当DataGrid置于TitlePanel时,DataGrid的style中会加入width和height的实际值,而DataGrid不在TitlePanel中时则没有。因此,在浏览器窗口发生变化时,DataGrid不能在TitlePanel中自动调整宽度。

     这貌似是一个bug,也就是说如果DataGrid直接包含在TitlePanel中,画面初始化的时候,DataGrid的style属性会自动加入width和height的实际值。

     基于这个发现,我试着将DataGrid的标签先用一个<div>标签包裹,然后再将这个<div>标签被TitlePanel包含。通过这个<div>隔离2者的直接包含。重新刷新页面,问题解决!!!