UI5:为什么我的应用程序可以在Chrome中运行,而不能在IE中运行

2020-09-22 09:28发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我用2个表格,一个VizFrame和一个自定义CSS构建了一个SAPUI5应用程序,现在有以下两个问题:

Chrome浏览器:

IE11:

1。 表格之间有很大的空白,为什么会有空白?

2。 为什么未显示单元格和行的动态Backgroundcolors?

我的代码:

视图:

 var oPlanTable = new sap.ui.table.Table({
 id:" Plan1",
//宽度:" 100%",
//visibleRowCount:7,
 selectionMode:sap.ui.table.SelectionMode.Single,
 selectionBehavior:sap.ui.table.SelectionBehavior.RowOnly,
 可编辑:是的,
 门槛:100,
 enableColumnReordering:false,
 showColumnVisibilityMenu:true,
 enableBusyIndi​​cator:true,
 visibleRowCount:18,
//visibleRowCountMode:sap.ui.table.VisibleRowCountMode.Auto,
 rowHeight:17
 columnHeaderHeight:22,
 宽度:" 1815px"
//fixedColumnCount:30
 });

//为所有列添加相同的列
 oPlanTable.addColumn(new sap.ui.table.Column({
 id:" plan_col1",
 宽度:" 200px",
 标签:new sap.m.Label({text:" {Header01}"}),
 模板:new sap.m.Text({text:" {Col01}"}),
 }));
 

控制器:

 onAfterRendering:function(){
 var oTable = sap.ui.getCore()。byId(" Plan1");
 var oModel = oTable.getModel();
 oTable.addEventDelegate({
 " onAfterRendering":函数(){
              //可见行数
 var rowCount = oTable.getVisibleRowCount();
              //开始行索引
 var rowStart = oTable.getFirstVisibleRow();
                  var columnArray = [6,11,16,21,23]//将哪些单元格变为灰色
 for(var i = 0; i  = rowCount-5){
 row。$()。addClass(" bold");
 }
 }
 }
 }, 这个);

 

css:

/*在这里输入您的自定义样式*/
 。蓝色{
 背景颜色:#4472c4!important;
 }
 。黄色{
 背景颜色:黄色!重要;
 颜色:黄色!重要;
 }
 .lightGreen {
 背景颜色:rgb(226,239,218)!important;
 }
 。灰色{
 背景颜色:rgb(206,206,206);
 font-weight:粗体;
 }
 。深灰色{
 背景颜色:深灰色;
 font-weight:粗体;
 }
 。红{
 颜色:红色!重要;
 }
 。绿色{
 颜色:绿色!重要;
 }

 。胆大{
 font-weight:粗体!重要;
 }
 #Plan1,#Plan1 .sapUiTableCell,#Plan1 .sapUiTableCell输入,#Plan1 .sapUiTableCell span {
 font-size:11px!important;
 }
 #plan_col1,#plan_col2,#plan_col7,#plan_col12,#plan_col17,#plan_col22,#plan_col24 {
 背景颜色:#a4a4a4;
  font-size:12px!important;
 }
 #plan_col3,#plan_col4,#plan_col5,#plan_col6,#plan_col8,#plan_col9,#plan_col10,#plan_col11,#plan_col13,#plan_col14,#plan_col15,#plan_col16,#plan_col18,#plan_col19,#plan_col20,#plan_col23,  {
 背景颜色:#4472c4;
  font-size:12px!important;
 }
 

如果有人能帮助我,那就太好了。

问候Jan Schmidt

(121.0 kB)

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


嗨,

我用2个表格,一个VizFrame和一个自定义CSS构建了一个SAPUI5应用程序,现在有以下两个问题:

Chrome浏览器:

IE11:

1。 表格之间有很大的空白,为什么会有空白?

2。 为什么未显示单元格和行的动态Backgroundcolors?

我的代码:

视图:

 var oPlanTable = new sap.ui.table.Table({
 id:" Plan1",
//宽度:" 100%",
//visibleRowCount:7,
 selectionMode:sap.ui.table.SelectionMode.Single,
 selectionBehavior:sap.ui.table.SelectionBehavior.RowOnly,
 可编辑:是的,
 门槛:100,
 enableColumnReordering:false,
 showColumnVisibilityMenu:true,
 enableBusyIndi​​cator:true,
 visibleRowCount:18,
//visibleRowCountMode:sap.ui.table.VisibleRowCountMode.Auto,
 rowHeight:17
 columnHeaderHeight:22,
 宽度:" 1815px"
//fixedColumnCount:30
 });

//为所有列添加相同的列
 oPlanTable.addColumn(new sap.ui.table.Column({
 id:" plan_col1",
 宽度:" 200px",
 标签:new sap.m.Label({text:" {Header01}"}),
 模板:new sap.m.Text({text:" {Col01}"}),
 }));
 

控制器:

 onAfterRendering:function(){
 var oTable = sap.ui.getCore()。byId(" Plan1");
 var oModel = oTable.getModel();
 oTable.addEventDelegate({
 " onAfterRendering":函数(){
              //可见行数
 var rowCount = oTable.getVisibleRowCount();
              //开始行索引
 var rowStart = oTable.getFirstVisibleRow();
                  var columnArray = [6,11,16,21,23]//将哪些单元格变为灰色
 for(var i = 0; i  = rowCount-5){
 row。$()。addClass(" bold");
 }
 }
 }
 }, 这个);

 

css:

/*在这里输入您的自定义样式*/
 。蓝色{
 背景颜色:#4472c4!important;
 }
 。黄色{
 背景颜色:黄色!重要;
 颜色:黄色!重要;
 }
 .lightGreen {
 背景颜色:rgb(226,239,218)!important;
 }
 。灰色{
 背景颜色:rgb(206,206,206);
 font-weight:粗体;
 }
 。深灰色{
 背景颜色:深灰色;
 font-weight:粗体;
 }
 。红{
 颜色:红色!重要;
 }
 。绿色{
 颜色:绿色!重要;
 }

 。胆大{
 font-weight:粗体!重要;
 }
 #Plan1,#Plan1 .sapUiTableCell,#Plan1 .sapUiTableCell输入,#Plan1 .sapUiTableCell span {
 font-size:11px!important;
 }
 #plan_col1,#plan_col2,#plan_col7,#plan_col12,#plan_col17,#plan_col22,#plan_col24 {
 背景颜色:#a4a4a4;
  font-size:12px!important;
 }
 #plan_col3,#plan_col4,#plan_col5,#plan_col6,#plan_col8,#plan_col9,#plan_col10,#plan_col11,#plan_col13,#plan_col14,#plan_col15,#plan_col16,#plan_col18,#plan_col19,#plan_col20,#plan_col23,  {
 背景颜色:#4472c4;
  font-size:12px!important;
 }
 

如果有人能帮助我,那就太好了。

问候Jan Schmidt

(121.0 kB)
付费偷看设置
发送
5条回答
派大星 ヾ
1楼 · 2020-09-22 10:09.采纳回答

您好,有关问题的一些最新消息:

没有错误。 我知道表格单元格的着色会随着表格的内部滚动而滚动,但是我只需要显示18行即可。

1 .:当我查看F12中的元素时,IE和Firefox有:

和Chrome:

我通过在样式表中添加"#Plan1-tableCtrlCnt,#tableIST-tableCtrlCnt {min-height:300px!important;}"来解决该问题。

2 .:我查了一些代码,结果是这样的:

我在Firefox的IE中遇到了同样的问题,但是当我开始调试时,问题就消失了。 这意味着一旦我逐步运行js代码,单元格就会着色。 我对此的第一个想法是,无法完全加载Odata中的数据。
具有调试功能的Firefox(未更改代码):

是否有更好的方法为细胞着色?

还是比胖渲染着色单元更好的地方?

关于Jan

浮生未央
2楼-- · 2020-09-22 10:14

好,问题在于在加载数据之前单元已着色!

我当前的解决方案是在上色之前花些时间

 setTimeout(function(){....},5000); 

我仍在寻找一种更好的方式来整理零件,但目前可以正常工作。

大道至简
3楼-- · 2020-09-22 10:17

我不知道。 在IE控制台(调试器模式)中是否看到任何错误。

,我认为(我不确定)您的解决方案也无法在chrome中使用。 尝试滚动页面,以便更改表行。

-D

spaceman01
4楼-- · 2020-09-22 10:15

请确保单元格的继承属性在两种浏览器中都能正常工作。

使用F12工具,并禁用 height/color:继承或您可能具有的默认单元格设置。

风早神人
5楼-- · 2020-09-22 10:11

使用Chrome浏览器。 有时会出现错误ERR_CACHE_MISS,并显示确认表单重新提交的消息。 此错误是由于设置和配置,扩展名等问题引起的。这会妨碍用户的工作。 要解决此问题,可以访问 FixERR CACHE MISS错误未响应以寻求最佳解决方案。

一周热门 更多>