smartTable | 一款android自动生成表格框架An Android automatically generated table framework

by huangyanbin Java Version: 2.2.0 License: No License

Download this library from

kandi X-RAY | smartTable Summary

smartTable is a Java library. smartTable has build file available and it has medium support. However smartTable has 17 bugs and it has 1 vulnerabilities. You can download it from GitHub.

添加 JitPack repository 到你的build文件.

Support

Quality

Security

License

Reuse

kandi-support Support

smartTable has a medium active ecosystem.
It has 4498 star(s) with 739 fork(s). There are 103 watchers for this library.
It had no major release in the last 12 months.
There are 173 open issues and 99 have been closed. On average issues are closed in 22 days. There are 3 open pull requests and 0 closed requests.
It has a neutral sentiment in the developer community.
The latest version of smartTable is 2.2.0

smartTable Support

Best in #Java

Average in #Java

smartTable Support

Best in #Java

Average in #Java

quality kandi Quality

smartTable has 17 bugs (0 blocker, 9 critical, 2 major, 6 minor) and 540 code smells.

smartTable Quality

Best in #Java

Average in #Java

smartTable Quality

Best in #Java

Average in #Java

security Security

smartTable has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
smartTable code analysis shows 1 unresolved vulnerabilities (0 blocker, 0 critical, 0 major, 1 minor).
There are 12 security hotspots that need review.

smartTable Security

Best in #Java

Average in #Java

smartTable Security

Best in #Java

Average in #Java

license License

smartTable does not have a standard license declared.
Check the repository for any license declaration and review the terms closely.
Without a license, all rights are reserved, and you cannot use the library in your applications.

smartTable License

Best in #Java

Average in #Java

smartTable License

Best in #Java

Average in #Java

build Reuse

smartTable releases are available to install and integrate.
Build file is available. You can build the component from source.
Installation instructions are not available. Examples and code snippets are available.
smartTable saves you 7086 person hours of effort in developing the same functionality from scratch.
It has 14669 lines of code, 1176 functions and 203 files.
It has medium code complexity. Code complexity directly impacts maintainability of the code.

smartTable Reuse

Best in #Java

Average in #Java

smartTable Reuse

Best in #Java

Average in #Java

Top functions reviewed by kandi - BETA

kandi has reviewed smartTable and discovered the below as its top functions. This is intended to give you an instant insight into smartTable implemented functionality, and help decide if they suit your requirements.

Draw the content of the table .
Get the zoom provider rect
calculates the width of the table
Load data .
Show chart dialog .
Initializes the table configuration .
Start an animation for the table .
show the checkBox
Gets field data .
show changed style

smartTable Key Features

English README

历史版本介绍

更多功能详情介绍

apk version 2.0版本下载地址

SmartTable2.0基本使用手册持续更新中

快速配置自动生成表格；

自动计算表格宽高；

表格列标题组合；

表格固定左序列、顶部序列、第一行、列标题、统计行；

自动统计，排序（自定义统计规则）；

表格图文、序列号、列标题格式化；

表格各组成背景、文字、网格、padding等配置；

表格批注；

表格内容、列标题点击事件；

缩放模式和滚动模式；

注解模式；

内容多行显示；

分页模式；

首尾动态添加数据;

丰富的格式化;

支持二维数组展示（用于类似日程表，电影选票等）；

导入excel(支持颜色，字体，背景，批注，对齐，图片等基本Excel属性)；

表格合并单元(支持注解合并，支持自动合并)；

支持其他刷新框架SmartRefreshLayout；

可配置表格最小宽度(小于该宽度自动适配)；

支持直接List或数组字段转列；

支持Json数据直接转换成表格；

支持表格网格指定行列显示；

支持自动生成表单。

引用

align 设置该列对齐方式，默认居中

type 有ColumnType.Own,ColumnType.Child,两个值可以设置，假设UserInfo 有个属性是Family family对象，你想解析faily对象的属性monther,father两个属性，则需要设置Child，并在monther,father下添加相对应的注解@SmartColumn，否则只解析到Family，默认是Own。

autoMerge 假设你返回的数据格式化之后该列附近数据有相同，则会自动合并成一个单元格，默认不开启合并。

autoCount table 开启显示统计行，设置autoCount为true，则该列可以自动统计，默认为false。

fixed fixed设置为true，该列滚动到最左边时，可以自动固定住。

smartTable Examples and Code Snippets

See all related Code Snippets

SmartTable

Copy

Download

 android自动生成表格框架

总结

Copy

Download

这次写了SmartTable,本来没想写那么多，结果越写越多。功能也很完善了，好多新的想法由于之前没有考虑到，无法进一步实现。但对基础的Excel支持我觉得已经很完美了，甚至可以展示Excel中图表（使用SmartChart）。如果你在android端需要使用表格，这个肯定可以满足你的需求，希望有需要的同学可以使用它。

打赏

Copy

Download

 如果你觉得对你有帮助，客官打个赏！

In SAPUI5 SmartTable on event beforeRebindTable adding some filters

Copy

Download

    onBeforeRebindTable: function (oEvent) {
        var oSmartTable = oEvent.getSource();
        if (this._isOnInit == null) this._isOnInit = true;
        if (this._isOnInit) {
            oSmartTable.applyVariant(
                {
                    filter: {
                        filterItems: [{
                            columnKey: "YourSelectedColumn",
                            exclude: false,
                            operation: "EQ",
                            value1: "SomeEnteredValue",
                            value2: ""
                        }]
                    }
                }

            );
            this._isOnInit = false;
        }
    }

How do I force the SmartTable to load all items?

Copy

Download

<SmartTable growingThreshold = "{path:'yourModel>/', formatter:'.formatter.sizeCalculator'}">

sizeCalcualtor: function(oModel){
  let count = 0;
  for(let i in oModel){
    //add item to count;
  }
return count;
}

-----------------------

<SmartTable growingThreshold = "{path:'yourModel>/', formatter:'.formatter.sizeCalculator'}">

sizeCalcualtor: function(oModel){
  let count = 0;
  for(let i in oModel){
    //add item to count;
  }
return count;
}

Make SmartTable's Selected Row a Custom Color

Copy

Download

this.className += " selected";

this.classList.add(“selected”);

-----------------------

this.className += " selected";

this.classList.add(“selected”);

-----------------------

onInit:function(){
    var that=this; //'this' refers to the view controller
    this.aTrCounter=[]; //counter is used to ensure only 1 row is selected at a time so only 1row is colored at a time. Reason why this is in onInit is to avoid errors due to pagination
},
onDataReceived:function(){
    var trs = document.querySelectorAll("tr");
    for(var i = 0; i < trs.length; i++){
        trs[i].addEventListener("click", function(){
            if(that.aTrCounter.length===0) { //1st row selection
                this.classList.add("selected"); //'this' no longer refers to view controller, it points to the tr itself 
                that.aTrCounter.push(this); //add tr into array to be counted & for later changes
            }
            else if(that.aTrCounter.length>0){ //2nd row selection
                if(that.aTrCounter[0]===this){ //if user clicks the same row
                    this.classList.remove("selected");
                    that.aTrCounter.pop(); //remove last element from array (in this case, the only element)
                } else if(that.aTrCounter[0]!=this){ //if user clicks different row
                    that.aTrCounter[0].classList.remove("selected");
                    that.aTrCounter.pop();
                    this.classList.add("selected");
                    that.aTrCounter.push(this);
                }
            }
        });
    }
}

How do I enable filtering in my SAP UI5 SmartTable?

Copy

Download

<SmartTable ...>
  <Table ...>
    <columns>
      <Column 
          customData:p13nData="{
            leadingProperty: 'Version',
            columnKey: 'Version',
            sortProperty: 'Version',
            filterProperty: 'Version'  // <---
          }">
        ...

SmartTable control has internal load resource error since 1.74

Copy

Download

<script id="sap-ui-bootstrap" src="https://ui5.sap.com/1.74.1/resources/sap-ui-core.js">

<script id="sap-ui-bootstrap" src="resources/sap-ui-cachebuster/sap-ui-core.js">

-----------------------

<script id="sap-ui-bootstrap" src="https://ui5.sap.com/1.74.1/resources/sap-ui-core.js">

<script id="sap-ui-bootstrap" src="resources/sap-ui-cachebuster/sap-ui-core.js">

SAPUI5 routing errors Control with ID app could not be found

Copy

Download

<App id="app"> </App>

React linter airbnb proptypes array

Copy

Download

SmartTable.propTypes = {
  name: React.PropTypes.string.isRequired,
  cols: React.PropTypes.arrayOf(React.PropTypes.string),
  rows: React.PropTypes.arrayOf(React.PropTypes.string),
};

-----------------------

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.instanceOf(Array),
  rows: PropTypes.instanceOf(Array),
};

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.instanceOf(Object),
  rows: PropTypes.instanceOf(Array),
};

-----------------------

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.instanceOf(Array),
  rows: PropTypes.instanceOf(Array),
};

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.instanceOf(Object),
  rows: PropTypes.instanceOf(Array),
};

-----------------------

SmartTable.propTypes = {
  name: PropTypes.string.isRequired,
  cols: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.string.isRequried,
    value: PropTypes.string,
   })
  rows: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.string.isRequried,
    value: PropTypes.string,
   })

-----------------------

someVal: PropTypes.array, // eslint-disable-line

Yii2 pjax corrupts styles

Copy

Download

$(document).on("pjax:success", function() {
 $('#smartTable').DataTable({
     "paging": false,
     "responsive": true,
     "dom": 'iftlp',
     "bProcessing": true,
     "aoColumnDefs": [ // EXCEPT SORTING
         {'bSortable': false, 'aTargets': ['no-sort']}
     ],
     });
 $('#simpleTable').DataTable({
     "responsive": true,
     "dom": 't'
 });
});

-----------------------

[
'label'=>'Options',
'format' => 'raw',
'value'=>function ($data) {
return Html::a('<i class="glyphicon glyphicon-eye-open"></i>', ['short-message/conversation', 'id'=> $data["id"]], ['onclick' =>'window.location.href=this.getAttribute("href")']);
},
],

 ['onclick' =>'window.location.href=this.getAttribute("href")']

-----------------------

[
'label'=>'Options',
'format' => 'raw',
'value'=>function ($data) {
return Html::a('<i class="glyphicon glyphicon-eye-open"></i>', ['short-message/conversation', 'id'=> $data["id"]], ['onclick' =>'window.location.href=this.getAttribute("href")']);
},
],

 ['onclick' =>'window.location.href=this.getAttribute("href")']

How to load sap.ui.comp.smarttable.SmartTable faster?

Copy

Download

sap.ui.define([
    'jquery.sap.global',
    'sap/m/VBoxRenderer',
    'sap/m/Column',
    // ...
    'sap/ui/comp/library',
    'sap/ui/comp/providers/TableProvider',
    'sap/ui/comp/smartfilterbar/FilterProvider',
    'sap/ui/comp/smartvariants/SmartVariantManagement',
    // ...
    'sap/ui/table/AnalyticalColumn',
    'sap/ui/table/AnalyticalTable',
    'sap/ui/table/Column',
    'sap/ui/table/Table',
    'sap/ui/table/TreeTable',
    // ...
], function(/*...*/) {/*...*/});

// since 1.58.2
data-sap-ui-async="true" // replaces -preload="async" and -xx-async="true"

"sap.ui5": {
  "dependencies": {
    "libs": {
      "sap.ui.core": {},
      "sap.m": {},
      "sap.ui.comp": {},
      "sap.ui.table": {},
      "sap.ui.unified": {}
    },
    ...
  },
  ...
}

-----------------------

sap.ui.define([
    'jquery.sap.global',
    'sap/m/VBoxRenderer',
    'sap/m/Column',
    // ...
    'sap/ui/comp/library',
    'sap/ui/comp/providers/TableProvider',
    'sap/ui/comp/smartfilterbar/FilterProvider',
    'sap/ui/comp/smartvariants/SmartVariantManagement',
    // ...
    'sap/ui/table/AnalyticalColumn',
    'sap/ui/table/AnalyticalTable',
    'sap/ui/table/Column',
    'sap/ui/table/Table',
    'sap/ui/table/TreeTable',
    // ...
], function(/*...*/) {/*...*/});

// since 1.58.2
data-sap-ui-async="true" // replaces -preload="async" and -xx-async="true"

"sap.ui5": {
  "dependencies": {
    "libs": {
      "sap.ui.core": {},
      "sap.m": {},
      "sap.ui.comp": {},
      "sap.ui.table": {},
      "sap.ui.unified": {}
    },
    ...
  },
  ...
}

-----------------------

sap.ui.define([
    'jquery.sap.global',
    'sap/m/VBoxRenderer',
    'sap/m/Column',
    // ...
    'sap/ui/comp/library',
    'sap/ui/comp/providers/TableProvider',
    'sap/ui/comp/smartfilterbar/FilterProvider',
    'sap/ui/comp/smartvariants/SmartVariantManagement',
    // ...
    'sap/ui/table/AnalyticalColumn',
    'sap/ui/table/AnalyticalTable',
    'sap/ui/table/Column',
    'sap/ui/table/Table',
    'sap/ui/table/TreeTable',
    // ...
], function(/*...*/) {/*...*/});

// since 1.58.2
data-sap-ui-async="true" // replaces -preload="async" and -xx-async="true"

"sap.ui5": {
  "dependencies": {
    "libs": {
      "sap.ui.core": {},
      "sap.m": {},
      "sap.ui.comp": {},
      "sap.ui.table": {},
      "sap.ui.unified": {}
    },
    ...
  },
  ...
}

Filtering Smarttables initial read request

Copy

Download

enableAutoBinding="false"

beforeRebindTable="onBeforeRebindTable"

    onBeforeRebindTable: function (oEvent) {
        var oBindingParams = oEvent.getParameter("bindingParams");

        oBindingParams.filters.push(new sap.ui.model.Filter("PropertyX", "EQ", "myProperty"));
    }

-----------------------

enableAutoBinding="false"

beforeRebindTable="onBeforeRebindTable"

    onBeforeRebindTable: function (oEvent) {
        var oBindingParams = oEvent.getParameter("bindingParams");

        oBindingParams.filters.push(new sap.ui.model.Filter("PropertyX", "EQ", "myProperty"));
    }

-----------------------

enableAutoBinding="false"

beforeRebindTable="onBeforeRebindTable"

    onBeforeRebindTable: function (oEvent) {
        var oBindingParams = oEvent.getParameter("bindingParams");

        oBindingParams.filters.push(new sap.ui.model.Filter("PropertyX", "EQ", "myProperty"));
    }

See all related Code Snippets

Community Discussions

Trending Discussions on smartTable

In SAPUI5 SmartTable on event beforeRebindTable adding some filters
How do I force the SmartTable to load all items?
Make SmartTable's Selected Row a Custom Color
How do I enable filtering in my SAP UI5 SmartTable?
SmartTable control has internal load resource error since 1.74
SAPUI5 routing errors Control with ID app could not be found
React linter airbnb proptypes array
Space key not working in input control when added inside sap.m.ObjectHeader
Is there any way to customise variant managment in SmartTable in worklist fiori app?
Yii2 pjax corrupts styles

Trending Discussions on smartTable

QUESTION

In SAPUI5 SmartTable on event beforeRebindTable adding some filters

Asked 2020-Oct-23 at 05:35

My requiremnt is to put some filters on smartTable form my controller.

In Event beforeRebindTable i am using the following code to put filter using this code which is working fine.

    onBeforeRebindTable: function (oEvent) {
        var oBindingParams = oEvent.getParameter("bindingParams");
    statFilter = new sap.ui.model.Filter("Claim_TYPE", "EQ", "1234");
                oBindingParams.filters.push(statFilter);

}

But the problem is when the user is clicling on table column on filter again, the filter i am adding in above code is not visible in the selection dialog. User may need to delete this filter, If its not visible in dialog they wont be able to delete it.

I am not able to establish the link why the dialog is not getting updated, or should i add this somewhere else. Thanks Sonal.

ANSWER

Answered 2020-Oct-23 at 05:35

    onBeforeRebindTable: function (oEvent) {
        var oSmartTable = oEvent.getSource();
        if (this._isOnInit == null) this._isOnInit = true;
        if (this._isOnInit) {
            oSmartTable.applyVariant(
                {
                    filter: {
                        filterItems: [{
                            columnKey: "YourSelectedColumn",
                            exclude: false,
                            operation: "EQ",
                            value1: "SomeEnteredValue",
                            value2: ""
                        }]
                    }
                }

            );
            this._isOnInit = false;
        }
    }

Source https://stackoverflow.com/questions/64492319

QUESTION

How do I force the SmartTable to load all items?

Asked 2020-Oct-11 at 15:10

My SAP UI5 view contains a SmartTable that is bound to an entity set in an ODataModel in read-only mode.

The table limits the number of items it displays to 100, verifiable by the ?$top=0&$limit=100 parameters it appends ot the data query to the server.

However, my users would like to have the table load and display all items, without paging or having to press some "More" button.

Is there a way to override the SmartTable's default behavior? For example by setting some growingSize property to "Infinity"? Or by modifying the aggregation binding? Or by adding annotations to the OData service?

ANSWER

Answered 2020-Oct-06 at 00:07

Since you did not specify the number of expected items or the table you're using here are some general considerations and a few possible solutions.

The type of table

There are a few things to consider between the varying types of tables you can use, there is some advice of SAP itself from the design guidelines:

Do not use the responsive table if: You expect the table to contain more than around 1,000 rows. Try using the analytical table or grid table instead; they are easier to handle, perform better, and are optimised for handling large numbers of items.

Ways around it

First option I can think of, if you're using a responsive table and you expect less than 1000 rows then the scroll to load feature might be of interest which should load more entries when the user reaches the bottom of the current list.

There are ways to increase the default size of 100, both through the table using the growingThreshold property, or through the declaration of the oData model using the sizeLimit

If you're using a grid table then the scroll-to-load works slightly differently, since it doesn't display all rows at the same time. Instead, it destroys the current lines to display new lines, which is why it's recommended for (very) large datasets.

Second, if none of those solutions work for your users you could alternatively first fetch the count of the current list including filters, so you can set an accurate threshold on the table before displaying results. If done correctly, your oData service should return a count using /myserivce/MyEntity/$count?$filters... when queried. CDS does this automatically, older services will need to implement that separately.

Last, if you know the list never exceeds a certain number of lines, you could set the growingThreshold parameter on the table to that number and then you don't have to worry about fetching an accurate count first.

How all of this is implemented depends a bit on how you create the smart table (elements, manually etc) so I'm not sure how to provide usable example code

Source https://stackoverflow.com/questions/64209012

QUESTION

SAPUI5 routing errors Control with ID app could not be found

Asked 2020-Feb-04 at 04:56

I know that tere were smiliar questions, but non of the answer could solve my issue. I want to navigate from one page to another with btn click. When i press a button there is an arror in the console:

Target-dbg.js:386 Uncaught (in promise) Error: Control with ID app could not be found - Target: TargetReportsView
at constructor._refuseInvalidTarget (Target-dbg.js:386)
at Target-dbg.js:262

Here is my routing manifest:

"routing": {
        "config": {
            "routerClass": "sap.m.routing.Router",
            "viewType": "XML",
            "async": true,
            "viewPath": "CompName.Emp_ITDB.Emp_ITDB.view",
            "controlAggregation": "pages",
            "controlId": "app",
            "clearControlAggregation": false
        },
        "routes": [{
            "name": "RouteMainView",
            "pattern": "RouteMainView",
            "target": ["TargetMainView"]
        }, {
            "name": "TargetReportsView",
            "pattern": "TargetReportsView",
            "greedy": false,
            "target": ["TargetReportsView"]
        }],
        "targets": {
            "TargetMainView": {
                "viewType": "XML",
                "transition": "slide",
                "clearControlAggregation": false,
                "viewId": "MainView",
                "viewName": "MainView"
            },
            "TargetReportsView": {
                "viewType": "XML",
                "viewName": "ReportsView",
                "viewId": "ReportsView"
            }
        }
    }

And my views: - Main

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:smartFilterBar="sap.ui.comp.smartfilterbar" xmlns:smartTable="sap.ui.comp.smarttable" controllerName="CompName.Emp_ITDB.Emp_ITDB.controller.MainView">
<App>
    <pages><Page title="EmployeeDB">
        <content>

        <Toolbar width="100%" id="toolbar1" design="Transparent">

            <content>

                <Button xmlns="sap.m" text="{i18n>databaseBar}" id="databaseBarBtn"/>

                <Button xmlns="sap.m" text="{i18n>reportsBar}" id="reportsBarBtn" press="NavigateToReports"/>

                <Button xmlns="sap.m" text="{i18n>adminBar}" id="adminBarBtn"/>

            </content>

        </Toolbar>

        </content>
        </Page>
    </pages>
</App>

and - Reports

<mvc:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
controllerName="CompName.Emp_ITDB.Emp_ITDB.controller.ReportsView" xmlns:html="http://www.w3.org/1999/xhtml">
<App id="TargetReportsView">
    <pages>
        <Page title="Title">
            <content></content>
        </Page>
    </pages>
</App>

And last but not least my controloer:

sap.ui.define(["sap/ui/core/mvc/Controller"], function (Controller) {
"use strict";
return Controller.extend("CompName.Emp_ITDB.Emp_ITDB.controller.MainView", {
    /**
     * Called when a controller is instantiated and its View controls (if available) are already created.
     * Can be used to modify the View before it is displayed, to bind event handlers and do other one-time initialization.
     * @memberOf CompName.Emp_ITDB.Emp_ITDB.view.MainView
     */

    getRouter : function () {
        return sap.ui.core.UIComponent.getRouterFor(this);
    },

    onInit: function () {},
    /**
     *@memberOf CompName.Emp_ITDB.Emp_ITDB.controller.MainView
     */
    ClearSearchBtnPressed: function (oEvent) {
        this.byId("employeeSearchBar").setValue("");
    },
    /**
     *@memberOf CompName.Emp_ITDB.Emp_ITDB.controller.MainView
     */
    NavigateToReports: function (oEvent) {
        this.getOwnerComponent().getRouter().getTargets().display("TargetReportsView");
    }
});

});

I tried everthing that google was able to show me. I am really confused now. And I also tried delete "rootview" in "sap.ui5" - not working. Any help will be welcomed! Thanks in advance!

ANSWER

Answered 2020-Jan-08 at 14:14

I guess the Main view is your root view? The error occurs because your App in the Main view has no id, it should use the id "app" because this id is defined in the manifest as the controlId. This way the router can find and use it as the navigation container.

Source https://stackoverflow.com/questions/59645145

QUESTION

Space key not working in input control when added inside sap.m.ObjectHeader

Asked 2019-Sep-15 at 13:56

I have a problem with space key (Space bar) on the keyboard, which doesn't work when I try to type text in FeedInput on Fiori Application. It is possible to add empty space in case I press Shift + Space. This combination works on PC, but not on mobile devices.

I know that the problem happens because I'm embedding the FeedInput inside <headerContainer> or some of the other UI elements. It's actually not relevant only for FeedInput, but also for Input, SmartField in SmartTable, etc.

I can see that SAP provides the following info for class sap.m.HeaderContainer:

The container that provides a horizontal layout. It provides a horizontal scrolling on the mobile devices. On the desktop, it provides scroll left and scroll right buttons. This control supports keyboard navigation. You can use ← and → to navigate through the inner content. The Home key puts focus on the first control and the End key puts focus on the last control. Use Enter or Space key to choose the control. ^(source)

I found that if I delete event listener in browser debugger for KEYPRESS body#content.sapUiBody, the space bar starts working fine for all type of text fields.

<ObjectHeader id="ohDetails"
  numberState="Success"
  responsive="true"
>
  <headerContainer>
    <IconTabBar id="itb1"
      select=".onIconTabBarSelect"
      expandable="false"
    >
      <items>
        <!-- ... -->
        <IconTabFilter id="iftLog"
          key="logKey"
          icon="sap-icon://notes"
        >
          <VBox alignContent="End">
            <FeedInput id="fiComment"
              class="sapUiSmallMarginTopBottom"
              post=".onSubmitComment"
              icon="sap-icon://comment"
              placeholder="{i18n>plhFeedInput}"
            />
            <!-- ... -->
          </VBox>
        </IconTabFilter>
      </items>
    </IconTabBar>
  </headerContainer>
</ObjectHeader>

ANSWER

Answered 2019-May-28 at 19:09

This is caused by a bug in UI5. Until the fix has moved to a stable version, you might want to move your IconTabBar outside the ObjectHeader.

Edit: See https://stackoverflow.com/a/56344973/5846045

Source https://stackoverflow.com/questions/56297072

QUESTION

Yii2 pjax corrupts styles

Asked 2019-Aug-23 at 22:35

I'm using Yii2 and i have a view which displays a table:

<div class="table-responsive">
<?php  yii\widgets\Pjax::begin()?>    
<?= GridView::widget([
            'dataProvider' => $dataProvider,
            'summary'=> "",
            'tableOptions' => ['id'=>'smartTable',
                'class' => 'display table-bordered-custom',
                'cellspacing' => 0,
                'width' => "100%"
                ],
            'columns' => [
                [
                  'class' => 'yii\grid\SerialColumn'],    
                  'product_code',
                  'product_name',
                  'product_status',    
                   [
                    'class' => 'yii\grid\ActionColumn',
                    'header' => 'Operation',
                    'template' => '{view}',
                    'headerOptions' => ['class' => 'no-sort'],
                    'buttons' => [
                        'view' => function ($url, $model) {
                            return Html::a(
                                'Edit<i class="material-icons">chevron_right</i>',
                                ['update', 'id'=>$model->product_id],
                                [
                                    'class' => 'btn',
                                    'data-pjax' => '',
                                ]
                            );
                        },
                    ],
                ],
            ],    
]);    
?>
<?php Pjax::end(); ?>    
</div>

My controller:

class ProductController extends Controller
{

/**
 * @inheritdoc
 */
public function behaviors()
{
    return [
        'verbs' => [
            'class' => VerbFilter::class,
            'actions' => [
                'delete' => ['POST'],
            ],
        ],
    ];
}

/**
 * Lists all Product models.
 * @return mixed
 */
public function actionIndex()
{
    $dataProvider = new ActiveDataProvider([
        'query' => Product::find(),
        'sort' => false,
        'pagination'=> [
            'pageSize' => 4
        ]
    ]);

    return $this->render('index', [
        'dataProvider' => $dataProvider,
    ]);
}
}

Edit: My controller has a simple action called index.

My problem is that when i click on the page number and get new info, all the styles I've given to my table disappear.
If i remove Pjax everything is okay because the entire page reloads.

Why? please help me.

ANSWER

Answered 2018-Mar-26 at 21:08

I finally managed to fix this! but i'm not sure it's the best.
With pjax events you can solve such problems:

$(document).on("pjax:success", function() {
 $('#smartTable').DataTable({
     "paging": false,
     "responsive": true,
     "dom": 'iftlp',
     "bProcessing": true,
     "aoColumnDefs": [ // EXCEPT SORTING
         {'bSortable': false, 'aTargets': ['no-sort']}
     ],
     });
 $('#simpleTable').DataTable({
     "responsive": true,
     "dom": 't'
 });
});

So every time our pjax is successfully executed, we will re-apply the style we need.
That's it, i hope to be useful to others.

Source https://stackoverflow.com/questions/49492382

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install smartTable

You can download it from GitHub.
You can use smartTable like any standard Java library. Please include the the jar files in your classpath. You can also use any IDE and you can run and debug the smartTable component as you would do with any other Java program. Best practice is to use a build tool that supports dependency management such as Maven or Gradle. For Maven installation, please refer maven.apache.org. For Gradle installation, please refer gradle.org .

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .