1
У меня есть панель сетки, которая не показана в IE8, но все отлично работает в ff и opera. вот мой код:IE8 не показывает extjs gridpanel
<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. Я не знаю, какая часть вызывает проблемы. Есть идеи?!
Я хотел бы помочь вам, но он отлично работает в моем IE8 :(У меня есть ext-3.3.0, но я не думаю, что это имеет значение в этом случае. Возможно, вы попробуете «mydiv» вместо Ext .get ('mydiv') в свойстве renderTo config или попытаться указать свойство конфигурации height. Может быть, вы дадите больше информации ... Я не знаю, как вам помочь. – Zango