我有一个在 IE8 中没有显示的网格面板，但在 ff 和 opera 中一切正常。这是我的代码:
<div id="mydiv"></div>
<style type="text/css">
.x-grid3-cell-inner, .x-grid3-hd-inner {white-space: inherit;}
</style>
<script type="text/javascript">
var sData=[["7039","","","dummy value","Application Administrator","Application Administrator","89/9/14?? 14:37:02 (GMT+03:30)","dummy value"],["8198","","","dummy value s","Application Administrator","","","dummy value"],["8247","","","dummy value","Application Administrator","","","dummy value"],["8261","","","dummy value","Application Administrator","","","dummy value"]];
Ext.onReady(function(){
Ext.QuickTips.init();
var store = new Ext.data.Store({
data: sData,
reader: new Ext.data.ArrayReader({
envelope_id: 'envelope_id'
}, ['envelope_id', 'status_id', 'workflow_name', 'name','created_by_full_name','modified_by_full_name', {
name: 'modified_datetime',
}, 'step_name'])
});
function linkFactory(val,x,store){
return '<a href="/workflow/envelope/EnvelopeProperties.jsp?id='+store.data.envelope_id+'">'+val+'</a>';
}
function del(val){
return '<a href="javascript:abortEnvelope(\''+val+'\', \'personal\')"><img src="../images/icons/toolbar-gen-cancel_on.gif" /></a>';}
var grid = new Ext.grid.GridPanel({
renderTo: Ext.get('mydiv'),
frame: true,
width: 520,
stripeRows: true,
enableColumnMove: false,
store: store,
columns: [
{header: "dummy value", width: 235,renderer:linkFactory, dataIndex: 'name',sortable:true,css: 'white-space:normal;'},
{header: "dummy value",width:85 ,dataIndex: 'step_name',sortable:true},
{header: "dummy value",width:120,dataIndex: 'modified_datetime',sortable:true,css: 'white-space:normal;'},
{header: "dummy value ", dataIndex: 'workflow_name',sortable:true,hidden:true,css: 'white-space:normal;'},
{header: "dummy value ", dataIndex: 'created_by_full_name',sortable:true,hidden:true,css: 'white-space:normal;'},
{header: "dummy value", dataIndex: 'modified_by_full_name',sortable:true,hidden:true,css: 'white-space:normal;'},
{renderer:del,width:25,dataIndex: 'envelope_id',hideable:false}
]
});
});
</script>
</form>
我们正在使用 extjs 2.0。我不知道哪个部分引起了麻烦。有什么想法吗？!
最佳答案
我们使用的是经过修改和本地化的 extjs 版本。使用原版后，问题解决。 ;)
关于javascript - IE8 不显示 extjs 网格面板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4416759/